サイトでフォームを取得するのに苦労している場合は、基本機能用のプラグインをインストール^{(install a plugin)}できますが、すでに多くのプラグインがある場合は、サイトの速度がさらに低下する可能性があります。^{(slow down your site)}

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

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

いくつかの簡単な手順で、ウェブサイトにGoogleフォーム^{(Google Forms)}をすばやく埋め込む方法は次のとおりです。

あなたのウェブサイトにGoogleフォームを埋め込む方法^{(How to Embed Google Forms on Your Website)}

開始するには、Googleフォーム^{(Google Form)}とその埋め込みコードが必要です。これらのコードをページに追加するか、サイトのフォームを表示する場所に投稿します。

Googleフォームを作成する^{(Create a Google Form)}

1. Googleフォーム^{(Google Form)}を作成するには、 Googleアカウントにログインしていることを確認してから、GoogleAppsメニューの[ Googleフォーム^{(Google Forms)}]アイコンを選択します。または、forms.google.comにアクセスします。

1. ツールバーから[空白]^(Blank)タイルを選択してフォームを最初から作成するか、使用可能なオプションからテンプレートを選択します。^{(select a template)}

1. フォームにタイトルと説明^{(title and description)}を追加します。

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

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

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

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

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

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

1. 共同編集者の追加、アクションの取り消し、設定の追加、 Google Workspace Marketplace^{(Google Workspace Marketplace)}からのアドオンなど、その他のオプションについては、 3つのドットのアイコン^{(three-dot icon)}を選択してください。

注^(Note)：[共同編集者の追加]を選択する^{(Add Collaborators)}と、チームのメンバーを^{(invite members of your team to work)}フォームでの作業に招待できます。リンク共有オプションを使用して招待状を送信するか、メールアドレスを入力すると、招待状が記載されたメール通知が届きます。

あなたのウェブサイトにあなたのGoogleフォームを埋め込む^{(Embed Your Google Form on Your Website)}

Googleフォーム^{(Google Form)}の準備ができたので、次のステップはそれをWebサイトに追加することです。これを行うには、フォームの埋め込みコードを取得する必要があります。これは、フォームを表示するページまたは投稿に追加する一意のコードスニペットです。

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

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

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

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

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

Googleフォームの埋め込みコードをウェブサイトに追加する^{(Add Your Google Form’s Embed Code to Your Website)}

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

注^(Note)：このガイドの手順は、 Gutenberg / BlockEditorを使用するWordPressに適用されます。

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

1. ブロックエディタの左上、 WordPress^(WordPress)ロゴの横にある[Add block (+) ]アイコンを選択します。z

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

1. 前にコピーしたHTMLコードスニペット^{(HTML code snippet)}を指定されたフィールドに貼り付けます。

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

1. Googleフォーム^{(Google Form)}がページまたは投稿に表示されます。

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

あなたのサイトにぴったりのフォームを作りましょう^{(Craft the Perfect Form for Your Site)}

サイトにアンケートを追加する場合でも、オンラインストアに注文フォームを追加する場合でも、イベント登録を追加する場合でも、お問い合わせフォームを追加する場合でも、Googleフォーム^{(Google Forms)}を使用するとウェブサイトに最適なフォームを作成できます。 

ウェブサイトにGoogleカレンダーを埋め込む方法と^{( how to embed Google Calendar on your website)}、WordPressで独自のクーポンポップアップを作成して^{( how to create your own coupon popup in WordPress)}機能を追加し、ユーザーエクスペリエンスを向上させる方法についてのガイドをご覧ください。

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

How to Embed Google Forms on Your Website

If you’re struggling to get a form on your site, yоu could install a plugin for basic functionality, but that may further slow down your site if you already have many plugins.

With Google Forms, you not only get to add a form to your site faster, but you also get more features. For instance, you can insert media files, import questions, integrate easily with WordPress and email, share on more platforms, and enjoy additional storage in Google Drive.

Additionally, Google Forms allows you to collaborate with your teammates, and track all results from your forms from different channels, not just your site.

Here’s how you can quickly embed Google Forms on your website in just a few simple steps.

How to Embed Google Forms on Your Website

To get started, you’ll need a Google Form and its embed code, which you’ll add to the page or post where you want the form to appear on your site.

Create a Google Form

1. To create a Google Form, make sure you’re signed in to your Google account and then select the Google Forms icon in the Google Apps menu. Alternatively, go to forms.google.com.

1. Select the Blank tile from the toolbar to create your form from scratch, or select a template from the available options.

1. Add a title and description to your form.

1. Next, use the toolbar on the right to add questions, import questions from a different form, upload videos and images, or add a section. 

1. If you want to choose the answer type, select the arrow next to the answer type section.

1. From the options, you can choose to let users leave a short answer or paragraph, multiple choice, mark checkboxes, or select choices from a dropdown menu.

1. To customize or change the form’s theme, use the palette icon at the top right side of the screen.

1. You can also preview the final design using the eye icon before saving and embedding it on your website.

1. If you want to collect email addresses, limit users to one response each, or allow them to edit their responses after submitting the form, select the Advanced Settings (gear icon).

1. Select the three-dot icon for more options such as adding collaborators, undoing actions, adding preferences, or add-ons from Google Workspace Marketplace.

Note: Selecting Add Collaborators specifically allows you to invite members of your team to work on the form. You can send invites using the link-sharing option or type in their email addresses and they’ll receive an email notification with the invite.

Embed Your Google Form on Your Website

Now that you have your Google Form ready, the next step is to add it to your website. To do this, you need to get the form’s embed code, which is a unique code snippet that you’ll add to the page or post where you want the form to appear.

1. To get the form’s embed code, select Send at the top right side of the form editor window.

1. In the Send form, you’ll see various options you can use to share the form for example via a link, email, social media, or HTML. You can choose whether to share the form on Facebook or Twitter, or send it to your email list of subscribers.

1. In order to embed the form on your website, you need to use the HTML option. Select the <> tab.

1. In the Embed HTML field, you’ll see a code snippet, as well as the width and height boxes where you can change the size dimensions for your embedded form.

1. Select Copy to copy the embed code and go to your website’s dashboard.

Add Your Google Form’s Embed Code to Your Website

Now that you have your embed code, sign in to your site’s admin dashboard and go to the page or post where you want to embed the form.

Note: Instructions in this guide apply to WordPress using the Gutenberg/Block Editor.

1. The first step is to add a custom HTML block. To do this, open the block editor by selecting Pages or Posts in the admin panel and find the page or post you want to edit.

1. Select Add block (+) icon at the top left side of the block editor next to the WordPress logo.z

1. Go to the Formatting section and scroll down to find and select Custom HTML.

1. Paste the HTML code snippet you copied earlier into the field provided.

1. In the Custom HTML block’s toolbar, select the Preview tab to see a preview of how your form will appear on your website.

1. Your Google Form will appear on your page or post.

1. Make sure you update your post or page after editing for the changes to be saved.

Craft the Perfect Form for Your Site

Whether you want to add a survey to your site, an order form to your online store, event registration, or contact form, Google Forms can help you create the perfect forms for your website. 

Check out our guides on how to embed Google Calendar on your website and how to create your own coupon popup in WordPress for added functionality and better user experience.

Were you able to create and embed Google Forms on your website using this guide? Share with us in the comments.

Related posts

• あなたのウェブサイトにGoogleカレンダーを埋め込む方法

• ウェブサイトのトラフィックを増やすためのGoogleAnalyticsユーザー調査方法

• あなたのウェブサイトにGoogleマップの運転ルートを追加する

• Google Sheets Drop Downリストの使い方

• Google Mapsの機能を確認する必要があります

• 8 Google Search Tips：常にLookingのものを見つけてください

• 使用するGoogle App & Howとは何ですか

• Gmailから一度にすべてのEメールを削除できますか？

• GoogleシートにFilterする方法

• Export and Import Chrome Bookmarksの方法

• Google Mapsで複数のStopsを使用する方法

• GoogleシートのSUMIFの使用方法

• Google My Activity：なぜあなたは世話をするべきです

• Backup Google Chrome Historyへの道

• Google Drive WorksのApplication Launcher

• YouTube Premium Subscriptionをキャンセルまたは一時停止する方法

• Google VoiceにVoicemailを設定する方法

• GoogleシートのColorによる並べ替え方法またはFilter

• YouTube Algorithm Workはどうですか？

• Googleの「異常なトラフィック」エラーと修復方法は？