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 フォームを埋め込む方法

編集メモ: WPBeginner のパートナーリンクから手数料を得ています。手数料は編集者の意見や評価に影響を与えません。編集プロセスについて詳しく知る。

WordPressにGoogleフォームを埋め込みたいですか?

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

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

Embed Google Forms in WordPress

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

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

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

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

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

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

動画チュートリアル

Subscribe to WPBeginner

もし、文章での説明がお望みなら、このまま読み進めてほしい。

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 フォームを簡単に埋め込む方法のお役に立てば幸いです。WordPress SEO の究極ガイドや、WordPress ブロガーが使うべき無料の Google ツールのリストもご覧ください。

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$編集プロセスをご覧ください。

Avatar

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 says

    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 says

    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 says

      The customization options would be found in the Google form’s settings when creating it :)

      管理者

  3. Hoangdacviet says

    I want to insert a form but customize the form and delete the last line “Google Form”, is it possible?

    • WPBeginner Support says

      You would need to have a paid plan for removing the branding and some form customizations at the moment.

      管理者

  4. Will says

    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 says

    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. Ande Anderson says

    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.

  7. Dan says

    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

  8. Deepak says

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

返信を残す

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