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

こんにちは、 グロウニッチスタッフの並木です(^^)

今回はGoogleフォームのWordPressへの埋め込み方をご紹介します!

Googleフォームで作成したアンケートを直接サイトや記事に埋め込むことでリンクへ飛ぶ必要もなくなります。
とても簡単に埋め込むことが出来るため、 ぜひお試しください^^!

埋め込み方法

G SuiteアカウントでGoogleフォームで作成した場合

G SuiteアカウントでGoogleフォームで作成している方は、以下の設定を行ってください。

Googleフォームの画面右上「歯車」のアイコンをクリックします。

下図の赤枠にチェックが付いているので外します。
(これを行うことで、誰でもアンケートに答えることが出来るようになります)

埋め込みコードの取得

まず、作成したフォームの埋め込みコード(HTMLタグ)を取得します。

画面右上の「送信」をクリックします

<>マークを選択します

右下の「コピー」をクリックし、HTMLタグを取得します

コードをWordPressに埋め込む

「カスタムHTMLブロック 」の追加

WordPressの「投稿画面」を開き、フォーマットカテゴリーの中から「カスタムHTMLブロック 」を選択します。

コピーしたコードを貼り付ける

Googleフォームで取得した埋め込みコードを「カスタムHTMLブロック」に貼り付けます。

※この時、コピーしたコードの 「width=”640″」を 「width=”100%」 に設定します。
width(横幅)を100%に設定することにより、 画面幅に応じてフォームの幅も変動(レスポンシブ化)します。

プレビューで確認

アンケートフォームを埋め込むことができました。

この記事を書いた人
Namiki

株式会社グロウニッチスタッフの並木です。好きな食べ物は梅干しです。

関連記事

共有されたGoogleドキュメントがあるフォルダ(グーグルドライブ)を開きたい時
全てのデバイスから同じファイルを見ることができるクラウドストレージサービス「Googleドライブ」。 GoogleドキュメントやGoogleスプレッドシート、Googleスライドなど、仕事でURL共有する事があるかと思います。それらの共有されたファイルは全て「Googleドライブ」に保存されています。 例えば、同じGoogleドライブにある別の……
無料で学べるgoogle デジタルワークショップ
こんにちは。グロウニッチの並木です。 ブログ初心者ですが、これから頑張ってブログを書いていきたいと思います! さてブログタイトルにもなっている【Googleデジタルワークショップ】というものをご存知でしょうか。 デジタルワークショップとは、Googleが提供するオンラインマーケティングを学習できるツールのことです。 メリット……
Googleツールを活用してSEO対策
こんにちは!グロウニッチ並木です。以前ご紹介したデジタルワークショップの経過ですが、 気が付いたら、バッチを26個中7個ゲットしていました!しかしまだまだ程遠いですね、、途中段階ですが、改めて思ったのが基本的な知識を広く学ぶことができてこれが無料で学べるのなら、チャレンジする価値は十分にあると思います!またレッスンの中でGoogleのツールを……
ユニバーサルアナリティクス(UA)サポート終了前にバックアップを
Googleは「ユニバーサルアナリティクス(UA)」について、2023年7月1日をもってデータ計測が停止となることを発表しています。UAのデータはいつまで閲覧可能なのか、事前にやっておいた方が良いバックアップについてお伝えします。 今後の流れ 無償版の今後のアナリティクスについて、下記のスケジュールになっています。 2023年7月1日ま……