Googleフォームをサイトに埋め込む方法と表示・送信の確認

GoogleフォームをWebサイトに埋め込むには、フォーム編集画面の右上の「その他」から「HTMLを埋め込む」を選び、表示されたHTMLをサイトの対応する入力欄へ貼り付けます。回答者が使えるように、フォームの公開状態とアクセス設定も確認してください。

埋め込みは、サイトの一部にフォームを表示する方法です。サイトに枠が出たことだけでは、回答者が入力して送信できるかまでは分かりません。フォーム単体、サイト内、スマホ、送信後という順番で確かめると、直す場所を整理できます。

最終確認日: 2026-09-22

埋め込みとリンクで案内する方法の違い

サイト内で説明を読んだあと、そのまま申し込んでほしいなら埋め込みが候補になります。別のページで大きく入力してもらいたいなら、ボタンからフォームを開く方法もあります。どちらが合うかは、案内の長さと回答する環境で決めます。

埋め込むと必ず申込率が上がる、という判断はしません。長いフォームが小さな枠に入って操作しづらくなるなら、リンクの方が使いやすいこともあります。自分のサイトで、対象の人が入力を終えられるかを基準に選びます。

フォーム自体の作り方から確認したい場合は、Googleフォームの基本的な使い方を参照してください。

先にフォーム単体の公開とアクセスを確認する

Googleの現行ヘルプは、フォームを公開してから回答者へ共有する流れを案内しています。公開状態と、誰が回答できるかは設置前に確かめる項目です。サイトへHTMLを貼る操作が、フォームのアクセス制限を解除するわけではありません。Google公式の公開・共有ガイド

外部のお客様向けの問い合わせであれば、作成者がログインした画面だけで確認せず、想定する回答者の条件で単体リンクを開きます。社内向けなら、必要な社員が開けるかを確かめます。公開範囲を広げること自体を目的にせず、用途に合う範囲を選んでください。

ログインを求められたときは、まずフォーム側の設定を確認します。見た目の枠を広げたり、サイトの文章を変えたりしても、アクセス条件の問題は解決しません。「フォーム単体でも同じ画面になるか」を見るだけでも、調べる場所が分かれます。

「その他」から埋め込みHTMLを取得する

現在の公式手順では、フォームの右上にある「その他」から「HTMLを埋め込む」を開き、表示されたHTMLをコピーします。サイトやブログへ、そのHTMLを貼り付けます。古い説明にある「送信」ボタンだけを探すのではなく、現行のメニューを確認します。

コピーする対象は、回答用URLをそのまま書いた文章ではなく、埋め込み用のHTMLです。Webページの中に別のページを表示する枠を作るための情報が含まれます。慣れていない場合は、取得したコードをいったんそのまま設置し、表示確認ができてから必要な調整を行います。

この説明はWebサイトへの埋め込みが対象です。メール本文の中へフォームを入れる機能とは別なので、メール内埋め込みの制限を、そのままWeb設置の制限として扱わないでください。

CMSで貼り付ける場所を確かめる

CMSとは、文章や画像を編集してサイトを更新する仕組みです。使っているサービスの「HTML」「カスタムHTML」「埋め込み」などの機能を調べ、iframe形式のHTMLを受け付けるか確認します。名称、利用できるプラン、権限はCMSによって異なります。

普通の文章欄へ貼ると、コードが文字として表示される場合があります。また、編集時は見えていても保存時にコードの一部が取り除かれる場合もあります。これは特定のCMSで必ず起こるという意味ではなく、埋め込みを許可する範囲を確認するための観点です。

設置前に、対象ページと戻せる状態を確認します。最初はプレビューや確認用ページで表示し、本番の案内へ反映したら公開ページも開いてください。編集画面の中だけで動くかを見るのでは、訪問者の体験を確認したことにはなりません。

HTMLが保存できない場合は、フォームの設定を何度も変える前にCMS側の案内を確認します。使える埋め込み形式が限られているなら、フォームへのリンクを置く方法も選べます。

幅と高さは、最初と最後の画面で確認する

横幅はフォームの枠と、サイト側の本文領域の両方で決まります。大きな画面では収まっていても、スマホでは左右にはみ出すかもしれません。狭い画面で長い質問や選択肢がどう折り返されるかも見てください。

高さは最初の質問だけで判断しないようにします。次のセクションへ進んだ画面、入力エラーが出た画面、送信後の画面では必要な長さが変わることがあります。枠を大きくすれば常に解決するわけではなく、余白やスクロールも含めて確認します。

Googleフォームに、どのサイトでも自動で最適な高さへ揃う機能がある前提では進めません。まず取得したHTMLと設置先の表示を確認し、CMSで許可される調整範囲で対応します。不要な空白が気になるだけなのか、最後の操作ができないのかも分けると、修正の優先度が決まります。

色、ヘッダー、文字などフォーム自体の見た目は、Googleフォームのデザインを整える方法にまとめています。本記事では、枠を置いて使える状態にする確認を扱います。

スマホでは画面とキーボードの両方を見る

スマホ確認は、ブラウザの幅を狭めるだけでなく、実際に文字を入力して進めると確かめやすくなります。キーボードが出たときに入力欄が見えるか、次の項目へ移れるか、ページと枠のスクロールを取り違えないかを見ます。

特に長い説明をフォームの前後へ置く場合は、フォーム内へ入ったあと、サイトの説明へ戻れるかも確認します。利用条件を読む必要があるのに、戻り方が分からない配置では、入力を続けにくくなります。必ず読む案内は入力前に見つけられる位置に置きます。

また、固定表示のメニューや画面下部のボタンがフォームへ重なっていないかを確認します。フォーム単体では正常でも、サイトの部品が重なる場合は設置ページ側の調整が必要です。Googleフォームの質問を減らす前に、ページ全体を見てください。

表示されないときは単体と埋め込みを分ける

一度に公開設定とCMSとフォーム内容をすべて変えると、どこが原因だったか分からなくなります。まず単体リンクで確認し、次に同じフォームを埋め込んだページで確かめます。直した箇所と結果を短く残すと、別の担当者も続きから確認できます。

拡張機能やブラウザ設定を疑う場合も、すぐ利用者へ設定変更を求めず、別の確認環境で再現するかを調べます。原因が特定できない段階では「CMSの不具合」「Google側の障害」と断定せず、観測した画面と条件を管理者へ伝えます。

テスト回答で受付の終わりまで確かめる

公開前の最終確認では、判別できるテスト内容を使って送信し、フォームの回答側で記録を確認します。見た目の完了メッセージと、担当者が回答を見つけられることを両方確認すると、設置作業の終わりを決めやすくなります。

例えば講座の申込なら、日時の選択から連絡先入力、送信、完了案内まで進み、受付担当者がそのテスト回答を確認します。メール通知や外部連携も使うなら、それらは別に結果を確かめます。回答が保存されたことだけで、メールが届いたと判断しないでください。

受付全体の質問や案内を見直す場合は、Googleフォームで申込フォームを作る手順も参考になります。公開後に誰が回答を見て対応するかは、Googleフォーム・Sheets・GASの運用整理へつなげて考えます。

FORMLOVAの埋め込みを使う場合

FORMLOVAは公開済みフォームについて、外部サイト向けの埋め込みコードをチャットから取得できます。ページ内に置く形式と、ボタンから開く形式があり、ページ内表示では高さを指定するか、高さ調整用スクリプトを含むコードを使う形です。

スクリプトを含むコードを選ぶ場合は、設置先CMSがその形式を受け付けるか確認します。コードが取得できても、サイトが受け付けなければ設置は完了しません。取得後はGoogleフォームと同じように実ページで送信まで試します。

この公開フォームをサイト内へ置きたい。設置先で使える形式を確認したい。

よくある質問

フォームを非公開のままサイトへ置けますか？

HTMLを置くことと、回答者が使えることは別です。Google公式は回答者アクセスの前提として公開を案内しています。対象者が回答できる設定を確認してください。

埋め込みにすればログイン不要になりますか？

なりません。埋め込みは表示方法で、フォームの回答条件を変える操作ではありません。ログインの要否はフォーム側の設定と利用条件を確認します。

どのCMSでも同じように使えますか？

HTMLやiframeの対応範囲はCMSの条件によります。使える形式を公式案内で確認し、公開ページで試してください。対応しない場合は単体リンクによる案内を検討できます。

FORMLOVAでサイトに置くフォームを作る

執筆・確認情報

筆者はFORMLOVAを開発しています。2026年9月22日にGoogle公式ヘルプとFORMLOVAの仕様・コードを確認しました。Googleフォームの実アカウント操作、個別CMSへの設置、実送信は本記事の制作では未実施です。比較表と確認順は独自の運用例で、申込率などの改善効果を測った事例ではありません。