コンタクトフォームプラグインを使用する前は、ユーザーからデータやフィードバックを収集するためにGoogleフォームをたくさん使用していました。昔は、WordPressにGoogleフォームを追加するということは、厄介なHTMLを扱い、何も壊れないことを願うだけでした。
しかし今では、物事がずっと簡単になったことを喜んでお知らせします。
Googleフォームは、複数のサイトにわたってフィードバックの収集、アンケートの実施、イベントのサインアップ処理を行うための、私たちのお気に入りのツールの1つであり続けています。無料で信頼性が高く、1つのフォームを作成すればどこでも使用できます。
この簡単なガイドでは、WordPressにGoogleフォームを埋め込む最も簡単な方法を紹介します。私たちは多くの人々がこれを設定するのを手伝ってきましたが、数回の簡単な手順で済みます。🙌
🗝️ 主なポイント: WordPressにGoogleフォームを埋め込むには、Googleフォームの設定から埋め込みHTMLコードを生成し、WordPressエディターにカスタムHTMLブロックを追加してコードを貼り付けるだけです。
WordPressフォームプラグインの代わりにGoogleフォームを使用する理由
Googleフォームは、無料のクラウドベースのデータ収集およびアンケートツールです。どこにでも簡単に共有できるフォームが必要で、すべての回答を1か所の中央に保存したい場合に選択すると良いでしょう。
現在では、WordPressのコンタクトフォーム作成プラグインであるWPFormsのようなプラグインは、完全に制御したいサイト所有者にとって優れたプラグインです。フォームデータが直接ご自身のウェブサイトに保存されるため、送信がGoogleのクラウドではなくご自身のサーバーに留まるため、より優れたデータ所有権が保証されます。
プレミアムバージョンでは、支払いを受け付けたり、特別オファーを表示したり、カスタムログインを作成したり、ユーザー登録を許可したりすることもできます。すべてWordPressダッシュボードを離れることなく行えます。
しかし、複数のウェブサイト、メールリスト、またはソーシャルプラットフォームから回答を収集することが目標であれば、Googleフォームの方が簡単な選択肢となります。共有しやすく、モバイルでもうまく機能し、すべての提出内容がGoogleドライブに自動的に保存されます。
さらに、共同作業者を追加して、回答を一緒に管理およびレビューすることもできます。
それでは、GoogleフォームをWordPressサイトに追加する方法を見ていきましょう。このガイドでカバーするすべての内容の簡単な概要を以下に示します。
さあ、始めましょう。
WordPressにGoogleフォームを埋め込む方法
開始するには、Googleフォームのウェブサイトに移動し、「フォームに移動」ボタンをクリックします。
次に、さまざまなGoogleフォームのテンプレートが表示されます。
好みのテンプレートを選択するか、空白のテンプレートから始めて独自のカスタムフォームを作成できます。
Googleフォームで新しいフォームを作成するのは、実際には非常に簡単です。
フォームのタイトルと説明を追加し、質問を追加し始めます。
質問を入力すると、Googleフォームは自動的に最適なフィールドタイプ（選択肢や短い回答など）を提案するのに十分賢いですが、必要に応じて簡単に変更できます。
質問を追加するには、右側のフローティングメニューにある「+」ボタンをクリックするだけです。また、画像や動画を追加したり、さまざまな種類の質問を選択したりすることもできます。
💡 注意: ファイルアップロードフィールドを追加すると、訪問者はフォームを送信する前にGoogleアカウントにログインする必要があります。
方法1: HTMLタグを使用して埋め込む（プラグイン不要）
フォームが完成したら、「送信」をクリックして、埋め込みに必要なコードを取得してください。
これで送信フォームのポップアップが表示されます。ここで、埋め込みタブ（< > のようなアイコン）に切り替えます。
「コピー」をクリックする前に、埋め込みタブの下部にある幅と高さのフィールドを使用して、フォームがサイトに表示されるサイズを制御するために、幅と高さを調整することもできます。
わからない場合でも心配いりません。後でWordPressのカスタムHTMLブロックでこれらの値を直接変更できます。
🧑💻 プロのヒント: フォームが完全にモバイル対応するように、カスタムHTMLブロックの幅の値を「100%」に変更することをお勧めします。貼り付けたコードで width="640" を探し、640 を 100% に変更してください。
それが完了したら、「コピー」ボタンをクリックして埋め込みコードを取得します。
その後、WordPressダッシュボードに移動し、フォームを追加したいページまたは投稿を編集します。
WordPressコンテンツエディターに入ったら、カスタムHTMLブロックを追加してください。
次に、カスタムHTMLブロックにHTMLコードを貼り付けるだけで、ウェブサイトにGoogleフォームを配置できます。
また、コンテンツエディター内で直接埋め込まれたGoogleフォームのプレビューを表示することもできます。カスタムHTMLブロックのツールバーにある「プレビュー」オプションをクリックするだけで、どのように表示されるかを確認できます。
準備ができたら、「公開」をクリックして変更を保存します。詳細については、WordPressにフォームを埋め込む方法に関するガイドを参照してください。
これで、ウェブサイトにアクセスして、埋め込まれたGoogleフォームがサイト訪問者の入力待ちの状態になっていることを確認できます。
注意点として、埋め込まれたGoogleフォームは、ウェブサイトのフォントや色と完全に一致しない場合があります。デザインを完全に制御するには、WordPressフォームプラグインが最適な選択肢となることがよくあります。
方法2: プラグインを使用してGoogleフォームを埋め込む（手動コーディング不要）
手動でHTMLコードを貼り付けたくない場合は、代わりにWordPressプラグインを使用してGoogleフォームを埋め込むことができます。
このチュートリアルでは、Formfacadeプラグインを使用します。これは初心者向けで、無料で開始でき、ガイド付きセットアップウィザードを通じて埋め込みプロセス全体を処理します。
すぐに必要になるので、GoogleフォームのURLを取得しましょう。
Googleフォームのエディタで、リンクアイコンをクリックしてから「コピー」をクリックします。URLを短縮するオプションもあります。それをクリックしても、そのままにしておいても構いません。どちらでも機能します。
それが完了したら、Formfacadeプラグインをインストールできます。
これを行うには、WordPress管理エリアの プラグイン » プラグインを追加に移動します。
次に、検索ボックスを使用してプラグインをすばやく見つけます。
検索結果で、「今すぐインストール」をクリックし、次に「有効化」をクリックします。
ステップバイステップの手順については、WordPressプラグインのインストール方法に関するガイドをご覧ください。
プラグインがアクティブになると、すぐにセットアップウィザードが起動します。Googleアカウントでログインして「次へ」をクリックするだけです。
次に、Googleアカウントを選択し、Formfacadeがアカウントの情報にアクセスすることを許可するように求めるプロンプトが表示されます。
ポップアップの指示に従って完了してください。
完了すると、WordPress管理ダッシュボード内のFormfacadeパネルに戻ります。
「[Googleアカウント]として接続されています」という確認メッセージが表示されるはずです。続行するには「次へ」をクリックします。
ここから、2つのオプションがあります。新しいフォームを作成するか、URLを貼り付けて既存のフォームを選択します。
決定したら、「次へ」をクリックします。
次に、フォームをサイトのどこに表示するかを選択する必要があります。
ドロップダウンから既存のページを選択するか、「新しいページを作成」を選択してタイトルを付けます。次に「続行」をクリックします。
Formfacadeは、選択したページの最後にフォームを自動的に挿入します。
「プレビュー」をクリックして、どのように表示されるかを確認します。
ページが新しいタブで開き、フォームがウェブサイトのテーマに合わせてスタイル設定されているのが見えるはずです。
何か問題がある場合は、アクティブなテーマに応じて、ここからライブカスタマイザーまたはフルサイト編集を使用してページを調整できます。
💡 注: フォーム自体のカスタマイズ（フィールドスタイル、色、お礼メッセージなど）を行いたい場合は、これらの機能はFormfacadeの有料プランでのみ利用可能です。
今後フォームを管理するには、WordPressメニューのFormfacade » ダッシュボードに移動します。
フォーム、メールリスト、回答統計が表示され、レポートをさらに詳しく調べるためのタブもあります。
代替案：WPFormsを使用してWordPressフォームを作成する 🌟
Googleフォームの強力な代替手段を探しているなら、WPFormsがおすすめです。WordPress向けの最高で最も汎用性の高いオンラインフォームビルダーです。
WPBeginnerでは、お問い合わせフォームの作成にWPFormsを使用しています。それには十分な理由があります。コードを一行も書かずにあらゆる種類のフォームを作成できる、スマートな機能が満載されています。
プラグインの詳細については、WPFormsの完全レビューをご覧ください。
WPFormsを使用すると、簡単に作成できます：
そして、WPForms AIのおかげで、必要なものを説明するだけで、ツールが数秒でフォームを作成してくれます。最初から作成したくない場合は、2,100以上の既製テンプレートから選択できます。
フィードバックを収集する場合でも、注文を受ける場合でも、メールリストを増やす場合でも、WPFormsが対応します。
より高度なフォームが必要な場合は、Formidable FormsまたはGravity Formsをチェックできます。実際、WPForms vs Gravity Forms vs Formidable Formsに関する詳細な比較記事がありますので、ぜひお読みください。
よくある質問：WordPressにGoogleフォームを埋め込む方法
WordPressにGoogleフォームを埋め込むことについて、まだ質問がある場合は、開始に役立つ一般的な質問とその回答を以下に示します。
Googleフォームをウェブサイトに埋め込むことはできますか？
はい、GoogleフォームをWordPressウェブサイトに簡単に追加できます。Googleは、サイトにコピー＆ペーストできるコード（「埋め込みコード」と呼ばれます）を提供します。これにより、訪問者はページを離れることなくフォームに入力できます。
プラグインなしでWordPressにGoogleフォームを埋め込むことはできますか？
はい！このガイドのメソッド1はプラグインを必要としません。
iframeと埋め込みの違いは何ですか？
「iframe」とは、自分のページ内に別のページを表示する方法です。別のサイトへの窓のようなものです。「埋め込み」という言葉は、外部コンテンツ（オンラインフォームや動画など）をサイトに追加することを意味します。埋め込みでは、多くの場合iframeを使用して実現されます。
動画チュートリアル：WordPressにGoogleフォームを埋め込む方法
動画ガイドをご希望ですか？WordPressにGoogleフォームを埋め込む方法に関するYouTubeチュートリアルをご覧ください。
WordPressでフォームとGoogle製品を使用するための関連記事
この記事が、GoogleフォームをWordPressの投稿やページに簡単に埋め込む方法を学ぶのに役立ったことを願っています。次に、次のガイドも参照してください。
- WordPressフォームからGoogleドライブにファイルをアップロードする方法
- WordPressのお問い合わせフォームからGoogleカレンダーのイベントを追加する方法
- WordPressで住所フィールドのオートコンプリートを追加する方法
- WordPressでフォームの放棄を追跡および削減する方法
- WordPressリードフォームでユーザーのジャーニーを追跡する方法
この記事が気に入った場合は、WordPressのビデオチュートリアルのために、YouTubeチャンネルを購読してください。また、TwitterやFacebookでも私たちを見つけることができます。
デニス・ムトミ
埋め込みフォームの外観（背景色やフォントの変更など）をカスタマイズして、ウェブサイトのデザインにより馴染ませる方法はありますか？フォームをサイトのブランディングに合わせたいです。
WPBeginnerサポート
カスタマイズオプションは、作成時にGoogleフォームの設定で見つけることができます
管理者
Hoangdacviet
フォームを挿入したいのですが、フォームをカスタマイズして最後の行「Googleフォーム」を削除することは可能ですか？
WPBeginnerサポート
現在、ブランディングの削除や一部のフォームカスタマイズには有料プランが必要です。
管理者
ウィル
WordPressサイトにGoogleフォームを埋め込もうとしていますが、高さに問題があります。高さを変更するためにいくつかのことを試しましたが、何も機能しないようです。
また、これはGoogleフォームでのみ問題が発生しているようです（他のGoogle製品は試していません）が、ランダムなページを埋め込んで寸法を調整すると、問題なく機能します。
何かアドバイスがあれば教えてください!!
ジョン S
Googleフォームが長いため、ユーザーが途中でフォームを保存し、後で戻ってこれるようにしたいと考えています。このプラグインでそれが可能になりますか？
よろしくお願いします。
Karida
WordPressで「読み込み中」と表示され続けるのですが、どうすればいいですか？
Ande Anderson
Googleフォームを作成して「送信」ボタンをクリックした後、表示されるのは「フォームへの入力を招待しました」という内容のメールだけです。WordPressウェブサイトに貼り付けるためのフォームのURLがありません。
Ankur Mittal
Googleフォームはウェブサイトに正しく埋め込まれていますが、モバイルでレスポンシブになりません。
ダン
こんにちは。
WordPressへのアクセスを失いました。何度かリカバリープロセスを試しましたが、管理IDとパスワードを回復できず、WPウェブサイトを管理できません。
この問題を解決するために、どのような方法を提案していただけますか？
事前に感謝します。
ダン
Shari
とても参考になりました、ありがとうございます。
Deepak
こんにちは
オンラインアプリケーションを開発してGoogle Playに公開したいのですが、どのようにすればよいか教えていただけますか？
アン
埋め込みコードをコピーする前に、フォームの高さと幅を変更できますか？
WPBeginnerサポート
こんにちは、アンさん。
はい、できます。
管理者
アルテム・ルサコフスキー
問題は、高さを自動に設定できないことです。