Googleフォームをホームページに埋め込む方法｜公開設定と送信テスト
回答者用リンクの確認からWordPressへの埋め込みまで。ログイン要求、回答の公開範囲、通知、スマホでの送信を点検し、使える問い合わせ窓口に整えます。
この記事でわかること
Googleフォームをホームページへ載せるときは、先に「回答者用リンクだけで、対象の人が回答できる状態」を作ります。その後に埋め込めば、フォーム自体の公開設定と、ホームページ側の表示不具合を分けて調べられます。
この記事は、一般の訪問者が使う問い合わせ・体験希望フォームを想定しています。Googleフォームを受け付け窓口にしても、予約枠の確保や担当者からの返信まで自動で完了するわけではありません。
フォームを作る前に、受け付け後の動きを決める
架空の教室への体験希望なら、最初は次の項目で足りるかを検討します。必須項目を増やす前に「回答を受けた担当者が連絡するために必要か」で判断してください。
| 項目例 | 目的 | 設計上の確認 |
|---|---|---|
| 名前 | 呼びかけに使う | ふりがなが本当に必要か |
| 返信先メールアドレス | 担当者から連絡する | 入力ミスへの案内を入れる |
| 希望する内容 | 担当や案内を分ける | 自由記述だけにしない方法も検討 |
| 問い合わせ本文 | 詳しい事情を受け取る | 不要な情報を書かせない |
説明文には、窓口の用途、確認する担当、返信の目安を記載します。返信目安は実際の運用に合わせてください。「即時回答」「必ず予約確定」といった、実現できない案内は入れません。
1．回答者のアクセス範囲を設定して公開する
Googleフォームの編集画面で、右上の「公開」から回答者のアクセス設定を確認します。一般向けに使う場合は、リンクを持つ人が回答できる設定になっているかを確認して公開します。会社や学校のアカウントでは、管理者の制限によって選べる範囲が異なる場合があります。
続いて回答者用リンクをコピーし、Googleアカウントへログインしていない別のブラウザーなどで開きます。編集画面のURLをホームページに貼らないでください。
| 設定 | 一般向け問い合わせでの確認 |
|---|---|
| 回答を1回に制限 | Googleへのログインが必要になるため、対象者に合うか判断 |
| メールアドレスの収集 | 利用する方式とログイン要否を実際の回答画面で確認 |
| 結果の概要の表示 | 問い合わせ内容を回答者同士へ見せない運用ではオフを確認 |
| ファイルのアップロード質問 | ログイン要求を含む利用条件を確認。不要なら設けない |
| 確認メッセージ | 「送信完了」と「予約確定」を混同しない文章にする |
回答の概要を公開する設定は、集計グラフだけでなく自由記述の内容にも関わります。問い合わせ窓口では特に、誰に何が見えるかを確認してから使ってください。
確認メッセージの例は「送信を受け付けました。内容を確認し、記載いただいた連絡先へ担当者から返信します。体験日時は返信での調整後に確定します」です。これは運用例なので、実際の受付方法に合わせて書き換えます。
2．埋め込みHTMLを取得する
フォーム編集画面の右上にあるその他メニューから「HTMLを埋め込む」を開き、コードをコピーします。Googleの画面は更新されるため、古い解説にある「送信」ボタンを探し続けるより、現在の「公開」とその他メニューを確認してください。
このコードには対象フォームの埋め込み先が含まれます。別のフォームのコードを流用したり、フォームIDを手入力で推測したりせず、対象のフォームから取得します。
3．WordPressへ配置する
- 問い合わせ用の固定ページを開き、説明文を先に書きます。
- 「カスタムHTML」ブロックを追加します。
- Googleフォームからコピーした埋め込みHTMLを貼り付けます。
- プレビューを確認して、ページを保存・更新します。
- フォームの外側に「別画面で問い合わせフォームを開く」という回答者用リンクも置きます。
埋め込みが表示されなくても、別画面のリンクがあれば回答を続けられます。リンクの文字は「こちら」だけでなく、移動先で何ができるか分かる表現にします。
保存後にコードが消える場合、操作したユーザーの権限やサイトの制限でiframeが除去されている可能性があります。管理者に対応方法を確認し、制限を一律に解除せず、回答者用リンクでの掲載も選択肢にしてください。
横幅が画面をはみ出す場合は、埋め込み枠の幅とテーマの本文幅を確認します。HTMLを編集できる場合でも、変更する値を控え、元のコードを残して一項目ずつ試してください。
4．「送信できた」と「受信できた」を別々に確認する
公開ページから、実在の相談内容を含まないテスト回答を送ります。回答の冒頭に「動作確認・削除可」などの識別文字を入れると、本番の問い合わせと区別できます。
| 確認側 | 見る場所 | 完了の基準 |
|---|---|---|
| 訪問者 | 公開ページと完了画面 | 入力でき、意図した完了案内が出る |
| 運営者 | フォームの「回答」タブ | テスト内容が保存されている |
| 通知担当 | 設定した通知の受信先 | 新しい回答に気付ける |
| 返信担当 | テスト用の返信先 | 返信の作業手順まで確認できる |
フォームの「回答」から新しい回答のメール通知を設定できます。ただし通知メールが届いたことと、回答が保存されたことは別です。届かない場合は、まず「回答」タブにデータがあるか確認します。保存されているなら通知設定や迷惑メール側を調べ、保存されていないなら送信側の操作から見直します。
公開前につまずきやすい箇所
- ログインを求められる：回答者の範囲、1回制限、メール収集方式、質問の種類を順に確認します。
- スマホで送信ボタンが見えない：フォーム末尾まで進み、埋め込み内外のスクロールを確認します。別画面のリンクでも試します。
- 管理者だけ正常に見える：ログインしていない閲覧者の状態で再確認します。
- 受付を終了したのに掲載が残る：回答受付を止め、ホームページの案内も終了表示へ直します。
最後に、スマホの縦画面で「説明を読む→入力する→送信する→完了を読む」まで一度通します。通知を誰がいつ確認するかを決めて、はじめて運用の準備が整います。一般的な点検表は問い合わせフォームの送受信テストも参照してください。
図は独自の模式図です。フォーム項目と確認メッセージは架空の運用例です。公式資料確認日：2026年10月14日。
