Contact Form Setup

Googleフォーム設定手順

問い合わせフォームを Google フォーム、スプレッドシート、Apps Script で構築し、 このサイトへ埋め込むための手順です。作業はフォーム作成、通知設定、サイト反映の順で進めます。

1. Googleフォームを作成する

  1. 作業用Gmailで Google フォームを新規作成し、タイトルを 「有限会社メディアキャッツ お問い合わせフォーム」にする。
  2. 以下の 6 項目を追加し、必須設定を合わせる。
  3. 送信後メッセージは「お問い合わせありがとうございます。内容を確認のうえ、担当者よりご連絡します。」にする。
  4. 右上の「回答」タブからスプレッドシートを作成し、回答保存先を連携する。
項目名形式必須
会社名短文任意
氏名短文必須
メールアドレス短文必須
電話番号短文任意
問い合わせ種別プルダウン任意
お問い合わせ内容段落必須

問い合わせ種別の選択肢: 番組制作について / イベント出演について / AI活用支援について / その他

2. メール通知を設定する

連携したスプレッドシートで「拡張機能 → Apps Script」を開き、 [google/contact-form-notifications.gs](/Users/ty/dev/home/aicats-lp/google/contact-form-notifications.gs) の内容を貼り付けます。通知先メールアドレスを変更したい場合は、 `ADMIN_EMAIL` を編集してください。

  1. Apps Script を保存して初回実行し、Gmail と Spreadsheet の権限を許可する。
  2. 「トリガー」で `sendContactNotifications` にフォーム送信時トリガーを追加する。
  3. テスト送信して、管理者通知と自動返信メールが届くことを確認する。

3. サイトへ埋め込む

  1. Google フォームの「送信 → 埋め込む」で iframe URL を取得する。
  2. `aicats-lp/.env.local` に `NEXT_PUBLIC_CONTACT_FORM_EMBED_URL` を設定する。
  3. 必要に応じて `NEXT_PUBLIC_CONTACT_FORM_PUBLIC_URL` と `NEXT_PUBLIC_CONTACT_EMAIL` も更新する。
NEXT_PUBLIC_CONTACT_FORM_EMBED_URL="https://docs.google.com/forms/d/e/FORM_ID/viewform?embedded=true"
NEXT_PUBLIC_CONTACT_FORM_PUBLIC_URL="https://docs.google.com/forms/d/e/FORM_ID/viewform"
NEXT_PUBLIC_CONTACT_EMAIL="yossii929@gmail.com"