Google フォームをウェブサイトに埋め込む方法
サイトでフォームを取得するのに苦労している場合は、基本的な機能のプラグインをインストールできますが、既に多くのプラグインがある場合、サイトの速度がさらに低下する可能性があります.
Google フォームを使用すると、フォームをサイトにすばやく追加できるだけでなく、より多くの機能を利用できます.たとえば、メディア ファイルを挿入したり、質問をインポートしたり、WordPress やメールと簡単に統合したり、より多くのプラットフォームで共有したり、Google ドライブで追加のストレージを利用したりできます。
さらに、Google フォームを使用すると、チームメイトと協力して、サイトだけでなく、さまざまなチャネルからフォームのすべての結果を追跡できます。
いくつかの簡単な手順で、Google フォームをウェブサイトにすばやく埋め込む方法を次に示します。
Google フォームをウェブサイトに埋め込む方法
開始するには、Google フォームとその埋め込みコードが必要です。これは、サイトでフォームを表示するページまたは投稿に追加します。
Google フォームを作成する
<オール>
- 空欄を選択 ツールバーのタイルを使用してフォームを最初から作成するか、利用可能なオプションからテンプレートを選択します。

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

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

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

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

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

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

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

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

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

Google フォームをウェブサイトに埋め込む
Google フォームの準備ができたので、次のステップはそれをウェブサイトに追加することです。これを行うには、フォームの埋め込みコードを取得する必要があります。これは、フォームを表示するページまたは投稿に追加する固有のコード スニペットです。
<オール>
- 送信フォーム 、リンク、電子メール、ソーシャル メディア、または HTML などを介してフォームを共有するために使用できるさまざまなオプションが表示されます。フォームを Facebook や Twitter で共有するか、購読者のメーリング リストに送信するかを選択できます。

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

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

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

Google フォームの埋め込みコードをウェブサイトに追加する
埋め込みコードを取得したら、サイトの管理ダッシュボードにサインインして、フォームを埋め込みたいページまたは投稿に移動します。
注意 :このガイドの手順は、Gutenberg/Block Editor を使用する WordPress に適用されます。
<オール>
- ブロックの追加 (+) を選択します WordPress ロゴの横にあるブロック エディターの左上にあるアイコン.z

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

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

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

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

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

サイトに最適なフォームを作成
サイトにアンケートを追加する場合でも、オンライン ストアに注文フォームを追加する場合でも、イベント登録フォームや連絡フォームを追加する場合でも、Google フォームを使用すると、ウェブサイトに最適なフォームを作成できます。
ウェブサイトに Google カレンダーを埋め込む方法と、WordPress で独自のクーポン ポップアップを作成して機能を追加し、ユーザー エクスペリエンスを向上させる方法については、ガイドをご覧ください。
このガイドを使用して、Google フォームを作成してウェブサイトに埋め込むことができましたか?コメントで私たちと共有してください。
-
Google フォームの作成方法:完全ガイド
Google フォームは、おすすめする理由がたくさんあるアプリです。使いやすく、共有しやすく、きれいなインターフェースを備えています。その最高の機能の主なものは、Google フォームが無料であることです。 Google アカウントを持っていれば誰でも Google フォームを使用できます。これは、調査、クイズ、および想像できるほぼすべての種類のフォームを作成するための優れたツールです. この記事では、いくつかの簡単な手順で Google フォームを作成する方法を紹介します。 1. Google フォームの作成を開始 まず、forms.google.com に移動し、プロンプトが表示さ
-
ウェブサイトから Google マルウェアの警告を削除する方法
Google マルウェア警告とは? Web サイトの URL を入力しているときに赤い Web ページが表示されたことを覚えていますか?または、あなたのウェブサイトは訪問者に警告メッセージを表示していますか?このマルウェアの警告には複数の理由が考えられます。 1 つ目は、あなたの Web サイトがマルウェアに感染していることです。2 つ目は、Web サイトがハッキングされた、または悪意のある Web サイトからコンテンツを読み込んでいることです。このような場合、Google は通常、広告を一時停止します。詳細なブログを確認して、中断された広告を再開してください。 人が Web サイトにア