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

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

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

さらに、Google フォームを使用すると、チーム メンバーと共同作業を行ったり、サイトだけでなく、さまざまなチャネルからフォームのすべての結果を追跡したりできます。

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

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

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

Google フォームを作成する

1. Google フォームを作成するには、Google アカウントにサインインしていることを確認し、Google AppsメニューでGoogle フォームアイコンを選択します。または、forms.google.comにアクセスします。

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

1. フォームにタイトルと説明を追加します。

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

1. 回答の種類を選択する場合は、回答の種類セクションの横にある矢印を選択します。

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

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

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

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

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

注: [コラボレーターを追加]を選択すると、チームのメンバーを招待してフォームで作業することができます。リンク共有オプションを使用して招待を送信するか、メール アドレスを入力すると、招待が記載されたメール通知が送信されます。

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

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

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

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

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

1. [埋め込み HTML]フィールドには、コード スニペットと、埋め込みフォームのサイズを変更できる幅と高さのボックスが表示されます。

1. [コピー]を選択して埋め込みコードをコピーし、Web サイトのダッシュボードに移動します。

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

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

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

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

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

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

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

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

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

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

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

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

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

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