Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPBカップ
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

WordPress に Google フォームを埋め込む方法 (簡単な方法)

Google フォームはどこにでも簡単に埋め込むことができ、複数のサイトでフォームを共有する必要がある場合に特に便利です。複数のバージョンのアンケートや調査票を作成して共有することなく、カスタマイザーやオーディエンスからのフィードバックを得ることができます。

お問い合わせフォームプラグインを使う前は、Googleフォームもたくさん使ってユーザーからのデータやフィードバックを集めていました。私たちの経験では、Google フォームを埋め込むには、以前は少しトリッキーなコーディングが必要でした。しかし、今では技術的な知識がなくても Google フォームをサイトに追加するのはとても簡単です。

この投稿では、WordPressにGoogleフォームを埋め込む方法を紹介します。

Embed Google Forms in WordPress

Google フォームと WordPress フォームビルダーの比較

WPFormsのような素晴らしいフォームビルダープラグインがあるのに、なぜGoogleフォームを使いたがるのか不思議に思う人もいるかもしれません。

WordPress フォームビルダーの方が使いやすいのは事実です。WordPress サイトに統合されているので、ユーザーに特別オファーを表示したり、支払いを受け取ったり、カスタムログインフォームや ユーザー登録フォームなどを作成したりすることができます。

しかし、異なるサイト、メールリスト、プラットフォームでフォームを共有し、フォームのレスポンシブがすべて同じ場所に保存されるようにする必要がある場合もあります。

そのような状況では、Googleフォームがより簡単な設定になります。これらのフォームは共有しやすく、モバイルフレンドリーで、仕事を完了させることができます。すべてのレスポンシブはGoogleドライブに保存され、共同作業者を追加してフォームのレスポンシブを作成することもできます。

というわけで、WordPressサイトにGoogleフォームを追加する方法を見てみましょう。

WordPressにGoogleフォームを埋め込む方法

まず、Googleフォームのサイトにアクセスし、「フォームへ」ボタンをクリックします。埋め込みたいフォームを作成します。

Click go to forms

次に、さまざまな Google フォームテンプレートが表示されます。

あらかじめビルトインされているテンプレートを選択するか、空白のテンプレートを使用してカスタムフォームを作成します。

Create a new google form

Google フォームで新規フォームを作成するのはとても簡単です。まず、フォームのタイトルと説明を入力します。それからフォームフィールドを追加していきます。

GoogleのAIテクノロジーは、質問内容に基づいて正しいフォームフィールドを自動的に選択する。もし間違ったフィールドタイプを選択した場合は、手動で変更することができます。

Edit your Google form

右側のメニューにある「+」ボタンをクリックすると、新しいフォームフィールドを追加することができます。また、画像や動画を追加したり、さまざまな質問タイプから選択することもできます。

フォームが完成したら、「送信」ボタンをクリックして埋め込みコードを取得します。

Click the send button

送信フォームのポップアップが表示されますので、そこで埋め込みタブをクリックしてください。

Googleフォームを埋め込むには、「コピー」リンクをクリックして埋め込みコードをコピーしてください。

Copy the embed code

その後、WordPressサイトの管理エリアに移動し、フォームを表示したい投稿またはページを編集します。

WordPressのコンテンツエディターに入ったら、カスタムHTMLブロックを追加してください。

Add a custom HTML block

次にカスタム HTML ブロックにHTML コードを貼り付けるだけで Google フォームをサイトに設置することができます。

コンテンツエディターで Google フォームをプレビューする設定もあります。カスタム HTML ブロックの ‘プレビュー’ オプションをクリックするだけです。

Paste the embed code

公開する」ボタンをクリックして変更を保存することを忘れないでください。

これであなたのサイトに Google フォームが埋め込まれ、ユーザーが入力できるようになりました。

Google form preview in WordPress

ビデオチュートリアル:WordPress に Google フォームを埋め込む方法

ビデオガイドがお望みなら、Google フォームを WordPress に埋め込む方法の YouTube チュートリアルをご覧ください:

Subscribe to WPBeginner

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.

情報開示 私たちのコンテンツは読者支援型です。これは、あなたが私たちのリンクの一部をクリックした場合、私たちはコミッションを得ることができることを意味します。 WPBeginnerの資金源 をご覧ください。3$編集プロセスをご覧ください。

アバター

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

究極のWordPressツールキット

ツールキットへの無料アクセス - すべてのプロフェッショナルが持つべきWordPress関連製品とリソースのコレクション!

Reader Interactions

16件のコメント返信を残す

  1. 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!

  2. 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 :)

      管理者

  3. 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.

      管理者

  4. 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!!

  5. 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,

  6. Karida

    It just keeps saying “loading” on my wordpress…what to do?

  7. 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.

  8. Ankur Mittal

    Hey google form is embedded on my website properly but its not responsive in mobile

  9. 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

  10. Shari

    Very Helpful, thank you.

  11. Deepak

    Hi
    I wnt devlope my own online application and put it on google play .can you help/guide how can i do tha

  12. Anne

    Can I change the height and width of the form before copying the embed code?

    • Artem Russakovskii

      Problem is you won’t be able to set the height to auto.

返信を残す

コメントありがとうございます。すべてのコメントは私たちのコメントポリシーに従ってモデレートされ、あなたのメールアドレスが公開されることはありませんのでご留意ください。名前欄にキーワードを使用しないでください。個人的で有意義な会話をしましょう。