Tech-JP

技術情報とインターネットガイド

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

サイトでフォームを取得するのが難しい場合は、プラグインをインストールできます(プラグインをインストールします) 基本的な機能のために、しかしそれはあなたのサイトをさらに遅くする可能性があります(サイトの速度を落とします) すでに多くのプラグインがある場合。

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

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

こんな感じで素早く挿入できます Google フォーム(Google フォーム) ほんの数ステップであなたのウェブサイトに。

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

開始するには、次のものが必要です。 グーグルフォーム(Googleフォーム) 埋め込みコードは、サイトでフォームを表示するページまたは投稿に追加します。

Google フォームを作成する(Google フォームを作成する)

  1. を作成するには グーグルフォーム(Googleフォーム) 、アカウントにログインしていることを確認してください グーグル アイコンを選択します Google フォーム(Google フォーム) のメニューで グーグルアプリ。 または、次の場所に移動します。 forms.google.com .

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

  1. を追加 タイトルと説明(タイトルと説明) あなたのフォームに。

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

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

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

  1. フォームのテーマをカスタマイズまたは変更するには、 パレット(パレット) 画面の右上にあります。

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

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

  1. を選択 3 つのドットのアイコン(三点アイコン) コラボレーターの追加、アクションの取り消し、環境設定やアドオンの追加など、その他のオプションについては、 Google Workspace マーケットプレイス .

ノート(ノート) : 選ぶ 共同編集者を追加(協力者を追加) チームのメンバーを特別に招待して仕事をすることができます(チームのメンバーを仕事に招待する) フォームで。 リンクの共有オプションを使用して招待を送信するか、電子メール アドレスを入力すると、招待が記載された電子メール通知が送信されます。

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

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

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

  1. 初期化 提出フォーム(送信フォーム) 、たとえば、リンク、電子メール、ソーシャルネットワーク、または HTML . フォームを共有するかどうかを選択できます フェイスブック また ツイッター 、または購読者のメーリング リストに送信します。

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

  1. 田舎で 埋め込み HTML(埋め込み HTML) 、コードのスニペットとボックスが表示されます ブロード(幅)高い(身長) 埋め込みフォームのサイズを変更できます。

  1. 選択する コピー(コピー) 埋め込みコードをコピーして、Web サイトのコントロール パネルに移動します。

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

埋め込みコードを取得したら、サイトの管理パネルにログインし、フォームを埋め込みたいページまたは投稿に移動します。

ノート(ノート) : このガイドの手順は、 ワードプレス Gutenberg/Block Editor を使用します。

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

  1. アイコンを選択 ブロックを追加 (+) のロゴの横にあるブロック エディターの左上に WordPress.z(ワードプレス)

  1. セクションに移動 フォーマット(整形) 下にスクロールして検索して選択します カスタム HTML(カスタム HTML) .

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

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

  1. きみの グーグルフォーム(Googleフォーム) あなたのページや投稿に表示されます。

  1. 確実に(作る) 編集後に投稿またはページを更新して、変更を保存します。

サイトに最適なフォームを作成する(あなたのサイトにぴったりの形を作りましょう)

サイトへのアンケート、オンライン ストアへの注文フォーム、イベント登録、お問い合わせフォームの追加など、 Google フォーム Web サイトに最適なフォームを作成するのに役立ちます。

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

(そうだった) 作成して挿入できました Google フォーム(Google フォーム) あなたのウェブサイトでこのガイドを使用していますか? コメントで私たちと共有してください。


コメントを残す 0

あなたのメールアドレスが公開されることはありません。 必須フィールドは、マークされています *