Googleフォームに複数のセクションがある場合
「進行状況バーを表示」することで
入力中のページが全体の何ページ目なのかを表示できます
バーを表示させるには
フォームの設定で「進行状況バーを表示」をオンにします
設定 > 表示設定 > フォームの表示 > 進行状況バーを表示
Apps Script で作成する場合
以下の Code.gs で formName から animals までの値を書き換えて
createFormWithSectionsProgressBar() を実行すると
上記のような「進行状況バーを表示」したフォームが作成されます
コードは Google Formsでセクションを追加したい(addPageBreakItem) を例にして
下から2番目に form.setProgressBar(true) を追加しました
Code.gs
function createFormWithSectionsProgressBar() {
const formName = 'Form with Sections';
const description = 'This form contains multiple sections.';
const question1 = 'Question 1: What is your favorite color?';
const colors = ['Red', 'Blue', 'Green'];
const section2Title = 'Section 2';
const section2HelpText = 'You are now entering section 2.';
const question2 = 'Question 2: What is your favorite animal?';
const animals = ['Cat', 'Dog', 'Bird']
// フォーム作成
const form = FormApp.create(formName);
form.setDescription(description);
// 質問1を追加（セクション1の前）
form.addMultipleChoiceItem()
.setTitle(question1)
.setChoiceValues(colors)
.setRequired(false);
// セクションを追加
form.addPageBreakItem()
.setTitle(section2Title)
.setHelpText(section2HelpText);
// 質問2を追加（セクション2内）
form.addMultipleChoiceItem()
.setTitle(question2)
.setChoiceValues(animals)
.setRequired(false);
form.setPublished(false);
form.setProgressBar(true); // 表示の有無はこれで制御（ただしセクションが必要）
Logger.log('Form Edit URL: ' + form.getEditUrl());
}
