早割1
ビットCRM 超早割
50%オフ
有限会社は永久に閉鎖される可能性があります
00

D D

00

H H

00

M M

00

S S

ウェブサイトにGoogleフォームを簡単に埋め込み、回答を自動化する

ブログ筆者ロゴ
モダビール・ホッセン・リヤド
2026年5月18日
読むのにかかる時間: 6 ミン
Googleフォームを埋め込む

ウェブサイト訪問者からの情報収集を簡単にしたくありませんか?

聞き覚えがあるかもしれません Googleフォーム. 多くの人がGoogleフォームを使って、質問をしたり、フィードバックを得たり、リード情報を収集したりしています。テクノロジーの専門家でなくても、簡単に利用できます。 ウェブサイトにGoogleフォームを埋め込む 問題なく.

しかし、すべての回答を他のツールに直接入力したい場合はどうでしょうか。たとえば、 CRM、Telegram、またはメールリストにフォームデータを送信します。. 手書きのコピーは時間がかかります。Googleフォームの自動化を使えば、多くの時間を節約できます。Googleフォームの回答を必要な場所に自動で送信できます。.

このガイドは、Googleフォームをウェブサイトに埋め込み、同時にGoogleフォームを自動化したい方向けです。ステップバイステップで進めていきます。初めての方でも、この手順に沿って進めれば理解できます。.

はい、Googleフォームは数ステップで誰でもウェブサイトに埋め込むことができます。Googleでは、 埋め込みコード. それは〜と呼ばれています . このコードをコピーしてウェブサイトに貼り付けてください。WordPress、Shopify、またはシンプルなHTMLサイトでも機能します。Googleフォームをウェブサイトに埋め込むと、, その場でフォームに記入できます。. 彼らはあなたのサイトを離れる必要がありません。.

これにより、訪問者にとってより良いものになります。ウェブサイトが使いやすくなったように感じられるでしょう。Googleフォームを埋め込むと、より多くの人がフォームを完了します。.

WordPressのウェブサイトにGoogleフォームを埋め込むには、いくつかの方法があります。難しくなく、コーディングのスキルも必要ありません。.

WordPressブロックエディター(Gutenberg)を使用して

まず、Googleフォームを開きます。「3つの点」ボタンを一番上でクリックします。「表示されているタブ」を選択してください HTMLを埋め込む。.

GoogleからHTMLコードが提供されます。このコードをコピーしてください。ウェブサイトのページやレイアウトに合わせて、ここから高さと幅を変更することができます。.

WordPressで目的のページに移動します。追加 “カスタムHTML” あなたのページへのブロック.

コピーしたコードを貼り付けます。ページを保存または公開します。完了です!これで、WordPressにGoogleフォームを埋め込む方法を学びました。.

それでは、ページを公開または更新し、内容を確認してください。ここにウェブサイトに追加したGoogleフォームがあります。.

フォームが公開されていることを確認してください 公開 ボタン.

Elementor や他のページビルダーをご利用かもしれません。問題ありません。Google フォームから埋め込みコードをコピーしてください。次に、Elementor でページを開きます。「HTML」ウィジェットをページにドラッグします。.

コードをウィジェットボックスに貼り付けます。必要に応じてサイズやスタイルを変更してください。このようにして、Googleフォームをドラッグ&ドロップツールで構築されたウェブサイトに埋め込むことができます。.

Googleフォームを埋め込んで最大限に活用するには? ここでは、いくつかの重要なヒントをご紹介します。

  • モバイルフレンドリー iframeの幅を「100%」に変更してください。そうすれば、大小を問わず、どのデバイスでも見栄えが良くなります。.
  • ブランドに合わせましょう Googleフォームの配色やフォントオプションを使用して、サイトの一部のように見せましょう。.
  • ウェブサイトを高速に保つ 長いフォームはページを遅くする可能性があります。メインコンテンツを先に読み込みたい場合は、フォームをページの下の方に配置してください。.
  • シンプルが一番 短い形式の方がより多くの回答を得られます。本当に必要なことだけを質問してください。.

これらのヒントに従うと、訪問者はより良い体験を得られ、フォームを完了する人が増えます。.

Google フォームを使用する場合、デフォルトでは結果が Google スプレッドシートに送信されます。 しかし、CRMやTelegramなど、別の場所にデータを送信したい場合はどうすればよいでしょうか? 多くのツールは数分おきにGoogleスプレッドシートを確認するだけなので、処理が遅くなりがちです。Bit Flowsは、Googleフォームの自動化機能を活用してこの問題を解決します。この種のツールを使えば、Googleフォームの処理を自動化し、データを即座に取得することができます。.

Bit Flowsを使ってGoogleフォームの自動化を設定する方法を見てみましょう。.

ステップ 1: Bit Flows に Google フォームのトリガーを追加する

インストールして有効化してください Bit Flows プラグイン。新しいワークフローを作成します。「Googleフォーム」をトリガーとして選択し、次に “フォーム送信時” イベント。.

次に、「Webhookを追加」ボタンをクリックし、名前を付けます。特別なコールバックURLが生成されます。このURLをコピーして控えておきます。後で使います。.

ステップ2:Googleフォームにスクリプトを追加する

Googleフォームを開いてください。3つの点(点3つ)をクリックし、「選択」を選んでください。 “アプリスクリプト”

コードがあれば削除できます。このスクリプトを貼り付けてください:

var POST_URL = "YOUR_BIT_FLOWS_CALLBACK_URL";

function onSubmit(e) {

   var form = FormApp.getActiveForm();

   var allResponses = form.getResponses();

   var latestResponse = allResponses[allResponses.length - 1];

   var response = latestResponse.getItemResponses();

   var payload = {};

   for (var i = 0; i < response.length; i++) {

       var question = response[i].getItem().getTitle();

       var answer = response[i].getResponse();

       payload[question] = answer;

   }

   var options = {

       "method": "post",

       "contentType": "application/json",

       "payload": JSON.stringify(payload)

   };

   UrlFetchApp.fetch(POST_URL, options);

};

置き換える “YOUR_BIT_FLOWS_CALLBACK_URL” Bit Flowsさんが教えてくれたリンクを使って。. 保存 あなたのスクリプト.

ステップ3:Google Apps Scriptでトリガーを設定する

フォームが入力されるたびにスクリプトが実行されるようにする必要があります。「トリガー」と呼ばれる時計のアイコンをクリックし、次に “「+トリガーを追加」” ボタン.

イベントタイプを設定 フォーム送信時 フォームが送信されたときの関数.

変更を保存し、Googleから確認を求められた場合は許可を与えてください。これで、Googleフォームはすぐに回答を受け取れる状態になりました。さっそく試してみましょう。Bit Flowsビルダーに移動し、 聞け ボタン。そしてGoogleフォームを使ってテストフォームを送信してください。.

これにより、Googleフォームのすべてのフィールドと回答が収集されます。これで、フィールドをマッピングして次のステップの自動化を行うことができます!

ステップ 4:Bit Flows でスマートフローを作成する

Googleフォームの設定が完了したら、Bit Flowsを使ってさらに多くのことができます。例えば、データを一度に複数の場所に送信することも可能です。トリガーの後にローターツールを追加し、アプリを連携させるだけです。.

Googleフォームのデータを複数のプラットフォームに送信する

ワークフローのアイデアを以下に示します。

  • Google フォームへの回答がフローをトリガーします。.
  • Bit Flowsは回答を確認します。ルーターを利用して、適切な判断を下すことができます。例えば、相手が「企業」だと答えた場合、Bit FlowsはそのデータをHubSpot CRMに送信します。相手が「個人」だと答えた場合、Bit Flowsはその相手をMailerLiteのメールリストに追加します。.
  • どのような状況でも、Bit FlowsはあなたのグループにTelegramメッセージを送信できます。これにより、新しい返信があるたびに通知を受け取ることができます。.
  • 回答のコピーをGoogleスプレッドシートに保存することもできます。.
  • 必要であれば、別の分岐を追加することもできます。例えば、SlackやDiscordでメッセージを送信するなどです。.

この設定で、チーム全体が新しいリードを把握できます。メールリストはすぐに更新されます。リードはCRMに保存され、Telegramでの即時通知も受け取れます。これがGoogleフォームの真の自動化です。.

「なぜGoogleフォームの自動化にBit Flowsを選ぶべきなのか」と疑問に思う方もいらっしゃるかもしれません。Bit Flowsはセルフホスティング型です。すべてのデータはお客様自身が所有します。隠れた費用は一切ありません。Googleフォームの自動化を無制限に実行できます。主なメリットは以下の通りです:

  • セルフホスト 自分のデータを管理しましょう。プライバシーとセキュリティに良いです。.
  • 無制限のワークフロー フォームまたは提出ごとの費用はかかりません。.
  • 多くのプラットフォームに対応 HubSpot、Brevo、Mailchimp、Telegram、Slackなどの人気のCRMやメールツールに接続します。.
  • スマートアクション 使用 自動化ツール ルーター、リピーター、またはディレイのようなものを複雑な制御のために。.
  • AIツール Bit Flowsは深く AIツールと統合された ChatGPT、Gemini、Deepseekなど、さまざまなAIサービスと連携できます。これにより、Googleフォームの回答を使ってAI搭載のワークフローを簡単に作成できます。.
  • チームに最適 メールまたはメッセージでアラート、要約、レポートを受け取ります。.
  • 開発者に優しい: Webhook、API、またはカスタムロジックを使用してください。.

Bit Flowsを使ってGoogleフォームへの回答を自動化すれば、時間を節約し、ビジネスの成長を後押しする包括的なシステムを手に入れることができます。.

以下に、Google フォームと Bit Flows を組み合わせて活用されている例をいくつかご紹介します:

  • リードジェネレーション フォームからの新しいリードをすべてCRMに直接追加します。同時に、メールマーケティングツールにも追加します。.
  • カスタマーサポート 顧客からの質問を、送信後すぐにTelegramまたはSlackに送信します。待機時間はありません。.
  • イベント参加登録: イベントの名前とメールアドレスを直接Googleカレンダーに保存し、確認メールを送信します。.
  • アンケートとフィードバック フィードバックを収集し、AIで自動要約してからチームに共有してください。.
  • 求人応募 候補者データを人事システムに追加し、すぐにスタッフに通知してください。.

Googleフォームの自動化により、同じ作業を何度も繰り返す必要がなくなります。それは、より賢く、より楽に働くということです。.

Googleフォームは、フィードバック、アンケートの回答、イベントの詳細、リードデータなどの情報収集のみが必要な場合にうまく機能します。.

しかし、フォームで支払いを受け付けたり、商品を販売したり、寄付を受け付けたり、イベントチケットの注文を受け付けたりする必要がある場合は、専用の支払いフォームが必要になる場合があります。その場合、以下のようなツールが役立ちます。 PaymentForm.io より適している可能性があります。.

PaymentForm.io を使用すると、寄付、資金調達キャンペーン、商品注文、イベントチケット、会員登録、サービス支払いなどの支払いフォームを作成できます。Google フォームを埋め込むのと同じように、直接リンク、QR コード、またはウェブサイトに埋め込んでフォームを共有できます。.

要するに、Google フォームをウェブサイトに埋め込むことで、回答者が質問に簡単に回答できるようになります。さらに、Google フォームの自動化機能を使えば、このデータを任意の場所に送信することも可能です。Bit Flows を使えば、この作業が非常に簡単になり、フォームの回答をどこに送信するかを自由に決めることができます。あなたは 複雑なワークフローを簡素化する, 時間を節約し、チームの状況を把握させましょう。.

まずは、簡単なタスクを選んで始めてみましょう。Googleフォームを作成し、Bit Flowsを使って連携させます。回答を自分のメールアドレスやTelegramに送信してみてください。Googleフォームの自動化がいかに役立つかがわかるはずです。.

よくある質問

GoogleフォームをWordPressサイトに直接埋め込むことはできますか?

はい、Gutenberg、Elementor、またはiframeコードを貼り付けることで、WordPressにGoogleフォームを簡単に埋め込むことができます。これにより、訪問者はサイトを離れることなくフォームに記入できるようになります。.

WordPressにGoogleフォームを埋め込む最善の方法は何ですか?

一番簡単な方法は、Googleフォームから埋め込みコードをコピーして、GutenbergのHTMLブロックまたはElementorのウィジェットに貼り付けることです。素早く、レスポンシブで、すべてのデバイスで動作します。.

Googleフォームは埋め込まれた場合、モバイルフレンドリーですか?

はい、Googleフォームはデフォルトでレスポンシブです。モバイルにさらにフィットさせるには、埋め込む際にレイアウトに合わせてiframeの幅を設定してください。.

Googleフォームの提出を自動化できますか?

はい。Bit Flowsを利用すれば、GoogleフォームのデータをCRMツール、メールプラットフォーム、Telegram、さらにはGoogleスプレッドシートへ、手作業を一切必要とせずに即座に送信することができます。.

Googleフォームの自動化に、ZapierやMakeではなくBit Flowsを使うのはなぜですか?

Bit Flowsはセルフホスト型で安全であり、隠れた費用なしで無制限のワークフローを利用できます。ZapierやMakeとは異なり、タスクごとに料金が発生することはありません。また、ルーター、イテレーター、AI連携などの高度なツールも備えています。.

Google フォームを Bit Flows に連携させるにはどうすればよいですか?

Bit FlowsでWebhookトリガーを作成し、フォームに簡単なGoogle Apps Scriptを追加して、フォーム送信時のトリガーを設定します。そうすることで、新しいエントリがBit Flowsにリアルタイムで送信されるようになります。.

Googleフォームの回答を一度に複数のアプリに送信できますか?

はい。「Bit Flows’ Router」を使えば、1つのフォーム送信から、レスポンスを分岐させて、CRM、Telegram、Slack、メールリストなどのさまざまなツールに送信することができます。.

Google Forms の自動化のユースケースをいくつかご紹介します。

リード獲得、イベント登録、顧客からのフィードバック、求人応募、アンケート回答などを、CRM、メーリングリスト、チームチャットに直接送信することで、自動化できます。.

GoogleフォームはデフォルトでWebhookをサポートしていますか?

いいえ、Google フォームにはネイティブな Webhook 機能はありません。そのため、フォームのデータを Bit Flows やその他の自動化プラットフォームに送信するには、Google Apps Script が必要になります。.

Googleフォームの送信から即時通知を受け取ることはできますか?

はい。Bit Flowsを使えば、新しい回答が送信されるたびに、TelegramやSlack、さらにはメールへリアルタイムで通知を送信することができます。.

Googleフォームをウェブサイトに埋め込むのは安全ですか?

はい、Googleフォームの埋め込みは安全です。必要なデータのみを収集し、ウェブサイトでSSL(HTTPS)を使用してユーザーの送信を保護するようにしてください。.

GoogleフォームのデータとAIを併用できますか?

もちろんです。Bit Flowsを使えば、Googleフォームの回答をOpenAIやGeminiなどのAIツールと連携させ、回答の要約やインサイトの生成、レポートの自動作成を行うことができます。.


モダビール・ホッセン・リヤド
以下に
モダビール・ホッセン・リヤド
リヤドは、実体験に基づきWordPress、SEO、自動化、SaaSについて執筆しています。実際のユースケース、検索意図、AIによる可視性を理解し、チュートリアル、比較記事、実践的なコンテンツを作成しています。.

関連記事