フリーランス

お問い合わせフォームをGoogleフォームに変えてみた

Googleフォームの設置方法

 

元公務員のロコ(@loco_14free)です。

 

当ブログのお問い合わせフォームを、ワードプレスのプラグインであるContact Form7からGoogleフォームへ変更しました。

 

というのも、ういさんとマクリンさんのツイートをみて、ぼくも真似しようと思ったんです。

 

 

ワードプレスのプラグインは便利なものばかりですよね。

 

しかし、便利だからといってプラグインを入れすぎてしまうと、ブログ自体の動作が重くなってしまいます

ロコ
ロコ
プラグインは最低限のものだけ!!

 

プラグイン以外の方法で代用できるなら、ブログを軽くするためにもできるだけプラグインには頼りたくないところ。

 

お問い合わせフォームにWPプラグインを使用している方は、Googleフォームの設置を検討してみてはいかがでしょうか。

 

ということで、当記事ではGoogleフォームの使い方やブログへの実装方法を図解します。

 

Googleフォームの使い方・設置方法

Googleフォームの設置方法

 

Googleフォームにアクセス

まずは、お持ちのGoogleアカウントでGoogleフォームにログインします。

 

こちらが、Googleフォームのトップ画面です。

Googleフォームの設置方法

 

トップ画面右上の『テンプレートギャラリー』を開くと、さまざまなシーンに応じたGoogleフォームのテンプレートが表示されます。

Googleフォームの設置方法 Googleフォームの設置方法

 

お問い合わせフォームの作成

お問い合わせフォームに使えそうなテンプレートがなかったので、イチから作っていきます。

 

『空白』を押下してください。

Googleフォームの設置方法

 

このような画面に切り替わります。

Googleフォームの設置方法

 

まずは『無題のフォーム』から名前を変更します。『お問い合わせフォーム』、『お問い合わせはこちらから』などでいいでしょう。

Googleフォームの設置方法

 

続いて、質問と質問の形式を設定していきます。

Googleフォームの設置方法

 

たとえば、1つめに記載してほしい情報が『メールアドレス』の場合。質問の形式は『記述式』を選択します。

Googleフォームの設置方法

 

記述式のほか、ラジオボタンやチェックボックスなどさまざまな形式があるので、質問内容にあわせて選択してください。

Googleフォームの設置方法

 

必ず回答してほしい質問であれば、右下を『必須』にします。

Googleフォームの設置方法

 

質問事項を追加する場合は、右側のプラスマークを押下してください。

Googleフォームの設置方法

 

色の変更

右上にあるパレットマークを押下すると、フォームの色を変更できます。

 

ご自分のブログにあった色を選んでください。

Googleフォームの設置方法

 

お問い合わせフォームの完成

右上の歯車マークを押下すると、プレビューを確認できます。

 

問題なければ、『送信』を押下してください。

Googleフォームの設置方法

 

このような画面に切り替わります。

Googleフォームの設置方法

 

今回は自分のブログにコードを埋め込むので、上記画面では何も入力しません。

 

ここでは、<>マークを押下してください。

Googleフォームの設置方法

 

まずは幅と高さを設定してください。

デフォルトでは、幅640px、高さ927px

 

ロコ
ロコ
デフォルトサイズだと少し小さく感じたので、ぼくは幅750px、高さ1,200pxにしました。

 

幅と高さを設定したら、右下の『コピー』を押下してください。

 

ブログに実装

実装手順は次の通り。

実装手順
  1. 固定ページ → 新規追加
  2. 編集画面の『テキスト』にHTMLコードを貼り付ける
  3. パーマリンクの設定

 

あとは、お問い合わせフォームを設置したいところに③で設定したURLを貼り付けばOK!

ブログ軽量化のために、これまで使用していたお問い合わせフォーム作成用のプラグインは停止しましょう。

 

当ブログのお問い合わせフォームはこちら

 

お問い合わせフォームにGoogleフォームを設置するなんて思いつきませんでしたから、ういさんとマクリンさんには感謝申し上げます。

 

プラグインを減らしてブログを軽くしたい方は、ぜひGoogleフォームを設置してみてください!

 

\この記事を書いた人/

ロコログ

 

この記事がおもしろい!

と思ったらフォローしよう!!