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

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

関連記事

ドライブファイルストリームでGsuiteを便利に
こんにちは、昨年、一昨年と腰痛に悩まされて、2020年は腰痛に悩まされない事をKPIとして設定しているみやもとです。 今日はうちの会社で使っていて、とても便利なツールをご紹介します。その名は、ドライブファイルストリーム(Drive File Stream)。名前からして凄そうですよね? ちなみにですが、これを使うにはGsuiteアカウント(月額……
Google reCAPTCHA v3
こんにちは、最近暖かくなったり寒くなったりしますが、しっかりと花粉を受け止めて咳をしがちの宮本です。インフルエンザや風邪ではないのでご安心ください。 花粉がね、紛れ込んでほんと嫌な気分になりますが、お問い合わせフォームもでボットからのスパムメールが沢山とんでいて嫌な気分になりますよね?そんな時に役立つのが、GoogleさんのreCAPTCHA です。……
ウェブサイトを改善する手がかり!Google Analyticsの登録・設定方法
こんにちは。グロウニッチスタッフの並木です! Google AnalyticsはWebサイトのアクセス状況がわかるアクセス解析ツールで、Googleが無料で提供しています。Google Analyticsを利用することによってWebサイトにどんなユーザーが訪れているのか、サイトへのアクセスに関するさまざまなデータについて詳しく分析することができるため……
「Google Hangouts Meet」便利な機能と使い方
こんにちは。グロウニッチスタッフの並木です! 今回はビデオ会議ツール「Google Hangouts Meet」の便利な機能とその使い方について紹介していきます(^^) PCの画面共有 会議中に画面全体または特定のウィンドウを固定表示させて、ドキュメントやプレゼンテーション、スプレッドシートなどを参加者と共有することができます。 ……