Googleフォーム設定手順書

Googleフォームを新規作成する

1. Googleアカウントでログインした状態で forms.google.com を開きます。
2. 「空白のフォーム」（＋のアイコン）をクリックします。
3. タイトルを「第8回きなんせカップ 記念Tシャツ注文」など分かりやすい名前に変更します。

質問を17個つくる

下の表のとおり、上から順番に17個の質問を作成します。
質問の形式は必ず 「記述式」（注文明細だけ「段落」）にしてください。 プルダウンやラジオボタンにすると、送られてきた値が弾かれて記録されません。

回答をスプレッドシートに保存する設定

1. フォーム上部の「回答」タブをクリックします。
2. 緑色のスプレッドシートのアイコン（「スプレッドシートにリンク」）をクリックします。
3. 「新しいスプレッドシートを作成」を選び、作成します。

これで、注文が入るたびにスプレッドシートへ1行ずつ自動で追加されるようになります。

送信先URL（Action URL）を調べる

見分け方はかんたんです。/d/ のうしろに e/ があり、IDが 1FAIpQLS で始まっていれば公開用です。 ブラウザのアドレス欄に出ているURL（編集画面のURL）は編集用なので、そのまま使ってはいけません。

公開用URLの正しい取得手順

1. フォーム編集画面の右上にある 「送信」ボタン をクリックします。
2. 「送信方法」の中の リンクのアイコン（🔗） のタブを選びます。
3. 表示されたURLをコピーします。（「URLを短縮」のチェックは外してください）

https://docs.google.com/forms/d/e/1FAIpQLSd○○○○○○○○○○/viewform?usp=sf_link

このURLから ?usp=sf_link 以降を削除し、 末尾の /viewform を /formResponse に書き換えたもの が、設定で使うURLです。

https://docs.google.com/forms/d/e/1FAIpQLSd○○○○○○○○○○/formResponse

※ /viewform のままだと送信できません。必ず書き換えてください。

各質問の「entry ID」を調べる

Googleフォームは、質問ごとに entry.123456789 のような番号を持っています。 どの入力欄がどの質問なのかを対応づけるために、この17個の番号を調べます。

かんたんな調べ方（Chrome推奨）

1. 手順4で開いた プレビュー画面 を表示します。
2. 1つめの質問「注文番号」の 入力欄の上で右クリック →「検証」を選びます。
3. 画面の右（または下）にコードが表示され、青くハイライトされた行の中に name="entry.123456789" のような記述があります。この entry.123456789 をメモします。
4. 同じ操作を、17個すべての質問について繰り返します。

まとめて調べる方法

1. プレビュー画面で何もない場所を右クリック →「ページのソースを表示」。
2. Ctrl＋F（Macは ⌘＋F）で entry. と検索。
3. 質問の順番どおりに番号が並んでいるので、上から順にメモします。

設定ファイルに貼り付ける

サイトのファイル js/gform-config.js を開き、次の2か所を書き換えます。 （編集するのはこのファイルだけです）

window.GFORM_CONFIG = {

  FORM_ACTION_URL: 'ここに手順4のURL（/formResponseで終わるもの）',

  ENTRY_IDS: {
    order_no:        'entry.1111111',   // 注文番号
    category:        'entry.2222222',   // 区分
    team_name:       'entry.3333333',   // チーム名
    contact_name:    'entry.4444444',   // ご担当者氏名
    contact_kana:    'entry.5555555',   // フリガナ
    phone:           'entry.6666666',   // 電話番号
    email:           'entry.7777777',   // メールアドレス
    postal_code:     'entry.8888888',   // 郵便番号
    address:         'entry.9999999',   // お届け先住所
    delivery_method: 'entry.1010101',   // 受取方法
    payment_method:  'entry.1111112',   // お支払方法
    items_summary:   'entry.1212121',   // 注文明細
    quantity:        'entry.1313131',   // 合計枚数
    subtotal:        'entry.1414141',   // 商品小計
    shipping_fee:    'entry.1515151',   // 送料
    total:           'entry.1616161',   // ご請求金額
    note:            'entry.1717171'    // 備考
  },

  COLLECT_EMAIL: false,       // 必ず false（手順8を参照）
  ALSO_SAVE_TO_TABLE: false   // 外部サーバー設置時は false
};

テスト送信して確認する

1. サイトを公開（Publishタブ）し、注文フォームを開きます。
2. フォーム上部のオレンジ色の警告が消えていることを確認します。（残っている場合はURLの設定ミスです）
3. チーム名を「テスト」などにして、1件送信してみます。
4. 手順3で作ったスプレッドシートを開き、1行追加されているかを確認します。
5. 各列に正しい値が入っているかチェックします。ズレている場合は entry番号の対応が入れ違っています。
6. 確認できたら、テスト行をスプレッドシートから削除して完了です。

メールアドレスの収集設定について（重要）

正しい設定（現在の運用）

メールアドレスは、手順2の表のとおり 7番目の通常の質問「メールアドレス」（記述式・必須オフ） として収集します。この方式なら問題なく記録されます。

  email: 'entry.1539694476',   // 通常の質問として送信
  COLLECT_EMAIL: false,        // ← 必ず false のままにする

（任意）自動返信メールを送りたい場合

上記のとおり Googleフォーム標準の「回答のコピーを回答者に送信」は使えませんが、 スプレッドシートの Apps Script を使えば自動返信メールを実現できます。 こちらは文面を自由に作れるため、標準機能より丁寧な案内が送れます。