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

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

関連記事

Gmailで未読メール一覧を表示させたい時
テレワークが普及してGoogle Workspaceを利用される方も周りで増えています。有料でなくてもGmail自体は無料でも使えるので、そちらをよく使っている方は多いのではないでしょうか? Gmailは、セキュリティが厳しく、スパムを大量にブロックしてくれますが、広告や不要な通知メールが溜まってしまう事もあります。未読は通知の数字が付いてしまうので……
簡単にアンケート作成ができるGoogleフォーム
こんにちは、 グロウニッチスタッフの並木です(^^) Googleが提供しているGoogleフォームはアンケートを作成するための機能が多数搭載されており、誰でも簡単にアンケートを実施できます。 ここではGoogleフォームの基本的な使い方を紹介したいと思います!^^ Google フォームについて 顧客へのアンケート、イベント参加者の管理、……
新型コロナウイルスに伴う支援「ビデオ会議ツールHangouts Meet の上位版機能の開放」の内容と設定方法について
追記(2020/4/22):無償開放は7/1から9/30に延長されました。 ハングアウトMeet 無償開放とはいうけど、、、 やった、Hangouts Meet が無料になった!あれ、どう使うの?自分は対象じゃないの?そもそもメリットあるの?と思った人もいたと思います。自分もそうでした。 引用元:Yahoo!ニュース(BUSINESS I……
Gsuite の管理画面・コンソールってどこにあるの?
Gsuiteの管理画面、コンソールはどこにあるの?と、Gsuiteを契約しているのに知らない方、忘れてしまった方もいらっしゃると思います。その場合は、アドレスバーにこう入力しましょう。 admin.google.com これでOKです。※2020年現在 ただし、「特権管理者」でないと以下のような画面にいけません。 特……