Google フォームはどこにでも簡単に埋め込むことができ、複数のサイトでフォームを共有する必要がある場合に特に便利です。複数のバージョンのアンケートや調査票を作成して共有することなく、カスタマイザーやオーディエンスからのフィードバックを得ることができます。
お問い合わせフォームプラグインを使う前は、Googleフォームもたくさん使ってユーザーからのデータやフィードバックを集めていました。私たちの経験では、Google フォームを埋め込むには、以前は少しトリッキーなコーディングが必要でした。しかし、今では技術的な知識がなくても Google フォームをサイトに追加するのはとても簡単です。
この投稿では、WordPressにGoogleフォームを埋め込む方法を紹介します。
Google フォームと WordPress フォームビルダーの比較
WPFormsのような素晴らしいフォームビルダープラグインがあるのに、なぜGoogleフォームを使いたがるのか不思議に思う人もいるかもしれません。
WordPress フォームビルダーの方が使いやすいのは事実です。WordPress サイトに統合されているので、ユーザーに特別オファーを表示したり、支払いを受け取ったり、カスタムログインフォームや ユーザー登録フォームなどを作成したりすることができます。
しかし、異なるサイト、メールリスト、プラットフォームでフォームを共有し、フォームのレスポンシブがすべて同じ場所に保存されるようにする必要がある場合もあります。
そのような状況では、Googleフォームがより簡単な設定になります。これらのフォームは共有しやすく、モバイルフレンドリーで、仕事を完了させることができます。すべてのレスポンシブはGoogleドライブに保存され、共同作業者を追加してフォームのレスポンシブを作成することもできます。
というわけで、WordPressサイトにGoogleフォームを追加する方法を見てみましょう。
WordPressにGoogleフォームを埋め込む方法
まず、Googleフォームのサイトにアクセスし、「フォームへ」ボタンをクリックします。埋め込みたいフォームを作成します。
次に、さまざまな Google フォームテンプレートが表示されます。
あらかじめビルトインされているテンプレートを選択するか、空白のテンプレートを使用してカスタムフォームを作成します。
Google フォームで新規フォームを作成するのはとても簡単です。まず、フォームのタイトルと説明を入力します。それからフォームフィールドを追加していきます。
GoogleのAIテクノロジーは、質問内容に基づいて正しいフォームフィールドを自動的に選択する。もし間違ったフィールドタイプを選択した場合は、手動で変更することができます。
右側のメニューにある「+」ボタンをクリックすると、新しいフォームフィールドを追加することができます。また、画像や動画を追加したり、さまざまな質問タイプから選択することもできます。
フォームが完成したら、「送信」ボタンをクリックして埋め込みコードを取得します。
送信フォームのポップアップが表示されますので、そこで埋め込みタブをクリックしてください。
Googleフォームを埋め込むには、「コピー」リンクをクリックして埋め込みコードをコピーしてください。
その後、WordPressサイトの管理エリアに移動し、フォームを表示したい投稿またはページを編集します。
WordPressのコンテンツエディターに入ったら、カスタムHTMLブロックを追加してください。
次にカスタム HTML ブロックにHTML コードを貼り付けるだけで Google フォームをサイトに設置することができます。
コンテンツエディターで Google フォームをプレビューする設定もあります。カスタム HTML ブロックの ‘プレビュー’ オプションをクリックするだけです。
公開する」ボタンをクリックして変更を保存することを忘れないでください。
これであなたのサイトに Google フォームが埋め込まれ、ユーザーが入力できるようになりました。
ビデオチュートリアル:WordPress に Google フォームを埋め込む方法
ビデオガイドがお望みなら、Google フォームを WordPress に埋め込む方法の YouTube チュートリアルをご覧ください:
WordPress の投稿やページに Google フォームを簡単に埋め込む方法についてこの記事がお役に立てば幸いです。また、WordPress で Dropbox アップロードフォームを作成する究極のガイドやWordPress のジオロケーションと GeoIP プラグインもご覧ください。
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
Syed Balkhi
Hey WPBeginner readers,
Did you know you can win exciting prizes by commenting on WPBeginner?
Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
You can get more details about the contest from here.
Start sharing your thoughts below to stand a chance to win!
Dennis Muthomi
is there a way to customize the look of the embedded form, like changing the background color or font, so it blends in better with my website’s design? I’d love to make the form match my site’s branding.
WPBeginner Support
The customization options would be found in the Google form’s settings when creating it
管理者
Hoangdacviet
I want to insert a form but customize the form and delete the last line “Google Form”, is it possible?
WPBeginner Support
You would need to have a paid plan for removing the branding and some form customizations at the moment.
管理者
Will
I’m trying to embed a google form into my wordpress site. but im having issues with the height. ive tried multiple things to change the height but nothing seems to work.
It also seems to only be an issue with google forms ( i haven’t tried and other google product) but its try to embed a random page and adjust the dimensions it works just fine.
Any advice will be great!!
John S
I have a long Google Form and would like to have the ability for people to save the form as they go, and be able to return to it. Will this plugin allow you to do that?
Thanks,
Karida
It just keeps saying “loading” on my wordpress…what to do?
Ande Anderson
After creating a Google Form and clicking on the “Send” button all I get is an email to send to someone saying “I’ve invited you to fill out a form:”. There is no URL for the form to put into my wordpress website.
Ankur Mittal
Hey google form is embedded on my website properly but its not responsive in mobile
Dan
Hi,
I loose my WordPress access, I tried several times the recovery process, but I wasn’t be able to recover my Admin ID and password to be able to administrate my WP website.
What do you suggest to me in order to fix this issue?
Thanks in advance.
Dan
Shari
Very Helpful, thank you.
Deepak
Hi
I wnt devlope my own online application and put it on google play .can you help/guide how can i do tha
Anne
Can I change the height and width of the form before copying the embed code?
WPBeginner Support
Hi Anne,
Yes, you can do that.
管理者
Artem Russakovskii
Problem is you won’t be able to set the height to auto.