ブログでGoogleフォームを使ってみよう

IT情報発信中 IT情報
この記事は約5分で読めます。

こんにちは、こったらです。

今回はブログを開設した後に欲しい機能であるお問い合わせフォームをGoogleフォームを使って簡単に作ってみたいと思います。

こったらはWordPressでブログを作成しているため、ブログにのせる手順はWordPressの手順をご紹介します。

この記事はこんな方におすすめ

・お問い合わせフォームの作成方法を知りたい

・プラグインを使わず、お問い合わせフォームを作成したい

・Googleフォームの使い方を知りたい

スポンサーリンク

Googleフォームのメリット

作成が簡単!

Googleフォームを使う場合には、面倒な設定が一切なく、10分ほどでフォームを作成し自分のブログに準備することができます。手間がかからなく、自分の必要な項目を準備できるのはうれしいですね!

プラグインの導入不要

ブログの機能を拡張することができるプラグインという機能があります。プラグインは非常に便利でなんでもかんでもやりたくプラグインを利用したくなってしまいますが、ブログの読み込み速度が遅くなってしまうという欠点もあります。しかし、Googleフォームを使用することでそのような欠点を避けることができます。

必要なもの

Googleアカウント だけ!

こったら
こったら

よく出てくるGoogleアカウント!

いろんなところで使えますよ!

まだ作成していない方はこちらで紹介していますので、まずはGoogleアカウントの作成から始めましょう!

フォーム作成手順

まず初めに簡単に手順を説明し、詳しく紹介していきます。

1 Googleフォームでテンプレートを選択 

2 作りたい項目(お名前、メールアドレス、題名、本文)を追加

3 ブログの固定ページに設定

では、さっそくフォームを作成していきます。

Googleフォームにアクセスしましょう!

Googleフォーム①

上のような画面が表示されます。パーソナルの「Googleフォームを使ってみる」を選択します。

するといつものごとくGoogleアカウントのログイン画面が表示されますので、メールアドレスもしくは電話番号を入力し、「次へ」を選択します。その後、パスワードを入力し、ログインしてください。

ログイン画面が表示されず画面がつぎに進んでいる方は、すでにログインされている可能性があります。

googleフォーム-2

新しいフォームを作成できる画面になりますので、「空白」のテンプレートを選択します。

googleフォーム-3

1つずつ項目を作っていきます。お名前欄から。①~④まで順番に入力していきましょう。

①質問を決める

「無題の質問」には自由に質問の入力ができます。入力してほしいことを回答してもらえるよう好きな文面を入力してください。今回は氏名入力欄なので「お名前」とします。

②回答方法を決める

フォームを利用する際に、回答の入力方法を選択します。ラジオボタンはいくつかの選択肢から、該当するものを選択する方式です。今回は回答者がそれぞれ違う名前を自由入力できるよう、「記述式テキスト」とします。

選択できる入力の方式はいくつかありますので、適しているものを使用しましょう。

③必須の項目か決める

入力を絶対にしてもらいたい項目を作る場合には、右下の必須にチェックを入れましょう。メッセージをもらったけど、この人は一体誰なの???とならないよう、今回はチェックします。

④項目を追加する

現在は項目が1つしかありませんが、項目を追加するには右側の丸の中に+マークが入っているところを選択します。

このように項目を増やしていき、①~③と同様の手順でフォームを自分のオリジナルにしていきましょう。

メッセージ本文のような長い文章を回答してもらう場合には、入力の方式を段落に設定することで複数行の入力ができるようになります。

最後に「無題のフォーム」となっているところにフォームの名前を入力します。

回答者がフォームを利用するときにこの名前を見て何を回答するかがわかる名前を付けましょう。今回は「お問い合わせ」とします。

こったら
こったら

フォームの名前と項目を作るのはどっちが先でも大丈夫です!

Googleフォームは変更したものを自動で保存してくれますので、保存は不要です。

フォームづくりが完成したら、最後に画面右上の「送信」を選択します。

上のような画面で< >を選択するとHTMLコードが表示されるため、このHTMLコードをコピーすることでブログにお問い合わせフォームを作ることができます。

HTMLコードはのちほど使いますので、どこかにコピペしておくと便利です。

Googleフォームでいつでも確認することができるため、あとで確認してもOKです。

ここまででフォームの作成は完了です!

ブログ(WordPress)にフォームを載せる

次にこのフォームをブログにのせる手順を紹介します。

WordPressの管理画面の中に固定ページという欄がありますので、そこから新規追加を選択します。

以下のような画面が表示されます。

「タイトルを追加」という箇所はこのページのタイトルを入力します。今回は「お問い合わせフォーム」とします。

ここからフォームをブログに挿入していきますが、「文章を入力」というところを選択すると、右側に+マークが表示されます。この+マークを選択します。

いくつかのメニューが表示されますが、「すべて表示」を選択します。

すると画面左にずらっとアイコンが表示されるため、今回はHTMLの貼り付け行いたいのでブロックのウィジェットの中にある「カスタムHTML」を選択します。

先ほどGoogleフォームでコピーしていたHTMLコードを入力し、画面右上にある「公開」をせんたくします。

以上でお問い合わせフォームをブログに準備することが完了しました!

こったら
こったら

お疲れ様でした!

まとめ


いかがでしたでしょうか?

思ったよりも簡単ですよね!

今回のようにGoogleが提供しているサービスはどれも有効に活用することができればとても便利なものです。

ぜひ使用してみて下さい。

最後までお読みいただきありがとうございました。

では、よい1日を!

コメント

タイトルとURLをコピーしました