Googleフォームをお問い合わせフォームとして使うメモ

Googleスプレッドシートへの連携画像

Googleフォームを自社のページにて運用する場合に割りと工程がありそうで忘れそうなのでメモします。

大まかな流れ

1. Googleアカウントを取得
2. Googleフォームの作成
3. Googleフォームの結果をスプレッドシートに格納
4. 送信元の設定用にGmailにアカウントを追加
5. フォーム内容のメール送信や自動返信
6. 完了ページの遷移をやめAJAXでGoogleフォームにPOST送信

といった感じですかね。

Googleアカウントを取得

まずはこれ。

Googleフォームの作成

これも説明不要かと思います。
項目をGoogleフォームで作成していきます。

Googleフォームの結果をスプレッドシートに格納

こちらは「回答」タブをクリックして、スプレッドシートのボタンをクリックすれば作成できます。

送信元（from）の設定用にGmailにメールアカウントを追加

利用するGoogleアカウントのGmailに利用するメールアドレスを追加する

フォーム内容のメール送信や自動返信

フォーム内容をメール送信するためのスクリプトをスクリプトエディタで記述する
スプレッドシートのスクリプトエディタで記述する
またその際 fromを設定するので MailApp.sendMail ではなく GmailApp.sendMail を利用する

トリガーの実行タイミングを設定

こちらはG Suiteと通常の設定では設定画面が違うよう（？）ですが「フォームの送信時」のタイミングで実行を設定します。

完了ページの遷移をやめAJAXでGoogleフォームにPOST送信

通常遷移するとGoogleフォームの完了ページにいってしまうので、Javascriptで書きます。

細かい部分は時間あるときに更新していきます。