Google フォームをウェブサイトに埋め込む方法

サイトでフォームを取得するのに苦労している場合は、基本的な機能のプラグインをインストールできますが、既に多くのプラグインがある場合、サイトの速度がさらに低下する可能性があります.

Google フォームを使用すると、フォームをサイトにすばやく追加できるだけでなく、より多くの機能を利用できます.たとえば、メディア ファイルを挿入したり、質問をインポートしたり、WordPress やメールと簡単に統合したり、より多くのプラットフォームで共有したり、Google ドライブで追加のストレージを利用したりできます。

さらに、Google フォームを使用すると、チームメイトと協力して、サイトだけでなく、さまざまなチャネルからフォームのすべての結果を追跡できます。

いくつかの簡単な手順で、Google フォームをウェブサイトにすばやく埋め込む方法を次に示します。

Google フォームをウェブサイトに埋め込む方法

開始するには、Google フォームとその埋め込みコードが必要です。これは、サイトでフォームを表示するページまたは投稿に追加します。

Google フォームを作成する

<オール>

Google フォームを作成するには、Google アカウントにログインしていることを確認してから、Google フォームを選択します。 Google Apps のアイコン メニュー。または、forms.google.com にアクセスしてください。

2. 空欄を選択 ツールバーのタイルを使用してフォームを最初から作成するか、利用可能なオプションからテンプレートを選択します。

3. タイトルと説明を追加する あなたのフォームに。

4. 次に、右側のツールバーを使用して、質問を追加したり、別のフォームから質問をインポートしたり、ビデオや画像をアップロードしたり、セクションを追加したりします。

5. 回答タイプを選択する場合は、回答タイプ セクションの横にある矢印を選択します。

6. オプションから、ユーザーが短い回答や段落を残す、複数の選択肢を残す、チェックボックスをマークする、またはドロップダウン メニューから選択肢を選択できるようにすることができます。

7. フォームのテーマをカスタマイズまたは変更するには、パレットを使用します 画面の右上にあるアイコン。

8. ウェブサイトに保存して埋め込む前に、目のアイコンを使用して最終的なデザインをプレビューすることもできます。

9. メール アドレスを収集したり、ユーザーの回答を 1 回に制限したり、フォームの送信後に回答を編集できるようにしたりする場合は、[詳細設定] を選択します。 (歯車のアイコン)

10. 3 つのドットのアイコンを選択します 共同編集者の追加、操作の取り消し、設定の追加、Google Workspace Marketplace からのアドオンなど、その他のオプションについては、

注意 :共同編集者の追加の選択 具体的には、フォームで作業するようにチームのメンバーを招待できます。リンク共有オプションを使用して招待状を送信するか、メール アドレスを入力すると、招待状が記載されたメール通知が届きます。

Google フォームをウェブサイトに埋め込む

Google フォームの準備ができたので、次のステップはそれをウェブサイトに追加することです。これを行うには、フォームの埋め込みコードを取得する必要があります。これは、フォームを表示するページまたは投稿に追加する固有のコード スニペットです。

<オール>

フォームの埋め込みコードを取得するには、[送信] を選択します フォーム エディター ウィンドウの右上にあります。

2. 送信フォーム 、リンク、電子メール、ソーシャル メディア、または HTML などを介してフォームを共有するために使用できるさまざまなオプションが表示されます。フォームを Facebook や Twitter で共有するか、購読者のメーリング リストに送信するかを選択できます。

3. フォームをウェブサイトに埋め込むには、HTML を使用する必要があります オプション。 <> を選択します タブ

4. 埋め込み HTML フィールドに、コード スニペットと width が表示されます そして身長 埋め込みフォームのサイズを変更できるボックス

5. コピーを選択 埋め込みコードをコピーして、ウェブサイトのダッシュボードに移動します。

Google フォームの埋め込みコードをウェブサイトに追加する

埋め込みコードを取得したら、サイトの管理ダッシュボードにサインインして、フォームを埋め込みたいページまたは投稿に移動します。

注意 :このガイドの手順は、Gutenberg/Block Editor を使用する WordPress に適用されます。

<オール>

最初のステップは、カスタム HTML ブロックを追加することです .これを行うには、[ページ] を選択してブロック エディターを開きます または 投稿 管理パネルで、編集するページまたは投稿を見つけます。

2. ブロックの追加 (+) を選択します WordPress ロゴの横にあるブロック エディターの左上にあるアイコン.z

3. 書式設定に移動 セクションをクリックして下にスクロールし、[カスタム HTML] を見つけて選択します .

4. HTML コード スニペットを貼り付けます 以前に提供されたフィールドにコピーしました。

5. カスタム HTML ブロックのツールバーで、[プレビュー] を選択します タブで、フォームがウェブサイトにどのように表示されるかをプレビューできます。

6. Google フォームがページまたは投稿に表示されます。

7. 変更を保存するには、編集後に投稿またはページを更新してください。

サイトに最適なフォームを作成

サイトにアンケートを追加する場合でも、オンライン ストアに注文フォームを追加する場合でも、イベント登録フォームや連絡フォームを追加する場合でも、Google フォームを使用すると、ウェブサイトに最適なフォームを作成できます。

ウェブサイトに Google カレンダーを埋め込む方法と、WordPress で独自のクーポン ポップアップを作成して機能を追加し、ユーザー エクスペリエンスを向上させる方法については、ガイドをご覧ください。

このガイドを使用して、Google フォームを作成してウェブサイトに埋め込むことができましたか?コメントで私たちと共有してください。