Googleフォームの作り方からメール通知設定をしてページに埋め込むまでを解説



ブログにお問い合わせページを設置してみたいなぁ。

でも、なんか難しそう…

問い合わせページって何か専門的な知識が必要そうで、なかなか手が出しにくいですよね。

そんなブログやサイトにお問い合わせページを作りたいけど、どうやって作ればいいか分からない人には「Googleフォーム」がおすすめです。

Googleフォームを使えば、誰でも簡単に「お問い合わせ」や「アンケート」を作成することができます。

本ブログでもお問い合わせページにGoogleフォームで作ったものを設置しています。

本サイトのお問い合わせページ

この記事では

  1. Googleフォームの作り方
  2. Googleフォームのメール通知の設定方法
  3. Googleフォームをブログに埋め込む方法

を紹介していきます。

Googleフォームを使って、ブログを運営している人にとっては役立つ内容になっています。

個人の人がブログやサイトにGoogleフォームを使って見たい人を想定しています。

Googleフォームの作り方

では、まずGoogleフォームを作り方を紹介していきます。

まずはGoogleフォームの公式ページにアクセスします。

公式Googleフォーム

個人であれば、「パーソナル」の「Googleフォームを使ってみる」を選びます。

新しいフォームを作成のところには

  • 空白
  • 連絡先情報
  • イベント出欠確認
  • パーティー招待状

などGoogleが用意しているテンプレートがいくつか用意されています。
「テンプレートギャラリー」を選択すると、たくさんの種類が表示されます。

自分が使いたいテンプレートがあるなら、そこから選んでもいいですが、この記事では全て自分の作りたいものを作るために選びません。

ということで、「空白」を選びましょう。

Googleフォームの新規作成画面が表示されます。

入力フォームを作成する

「質問」と「回答」に分かれていますが、まずは「質問」の方を触って、入力フォームを作成していきます。

1番上に「無題のフォーム」と表示されますが、ここは、自分のGoogleフォームの管理画面に表示される名前なので、自分だけが分かる名前に変更しましょう。

「無題のフォーム」には、問い合わせページの上部に表示される名前を入力します。
ここは見られる場所です。

お問い合わせやアンケートなどを入力しておきます。

フォームの説明は空白でもOK。
書くなら短い説明文を選択しましょう。

入力項目を設定する

項目はいくつでも自由に設定できますが、以下の4つの項目は入れることをおすすめします。

  • お名前
  • メールアドレス
  • 件名
  • メッセージ本文

入力項目は

  • 記述式(短文回答)
  • 段落(長文回答)

問い合わせ内容など一言で終わらないような項目は「段落(長文回答)」を設定しましょう。

コピーボタンを押すと、全く同じものが下に新規作成されます。
ゴミ箱ボタンを押すと、その項目が削除されます。

絶対に入力してほしい項目には、「必須」のところを「オン」にしておきましょう。
例えば、問い合わせのメールアドレスを必須にしていない

色などを設定

入力項目を設定したら、色などのテーマをカスタマイズ

画面上部にあるpaletteパレットのマークを選択します。

「ヘッダー」という場所は、(Googleフォームの上部に表示される画像を選択できます。
ここは選択しなくてもかまいません。
Googleが用意している画像でも、自分が持っている画像でも使うことができます。

横長に伸ばされるので、サイズだけ考えましょう。

「テーマの色」で、Googleフォームの基本の色を設定することができます。

Googleフォームでは12色が用意されていますが、+マークを押して、カラーコードを入力すれば12色以外の好きな色を設定できる

背景色を決めることができます。
これはテーマの色が基本です。

フォントスタイルで文字のフォントを決めれます。

「適用」を押せば、自分のGoogleフォームに反映されます。

Googleフォームが送信された時にメール通知する設定

Googleフォームの作成が終わったら、メール通知設定をしましょう。

Googleフォームの初期設定では、誰かがGoogleフォームで問い合わせをしても、こちらでGoogleフォームの管理画面をチェックしない限り気づくことができません。

これだと、相手側からしたら問い合わせをしたのに「無視されている」と感じ、マイナスな印象を与えてしまう可能性があります。

そこで、Googleフォームに入力され、送信されたら、自分に通知されるように設定をしましょう。

まず、Googleフォーム作成画面の「回答」に移動します。

そして、「(3つの丸が並んでいるボタン)」をクリックした後、「新しい回答についてのメール通知を受け取る」をクリックします。
チェックマークが付いたら、設定完了です。

ここにチェックマークが付くと、Googleフォームを作成しているアカウントのGメールのアドレス宛に通知が来るように設定されます。

Googleフォームをブログに埋め込む

Googleフォームができて、メール通知設定も終わったら、自分のブログやサイトに埋め込みましょう。

send(紙飛行機マーク)」の「送信」ボタンを押します。

Googleフォームの共有方法は以下の5種類です。

  1. mail:メールで共有
  2. link:リンクで共有
  3. code:コードを埋め込んで共有
  4. :フェイスブックで共有
  5. :Twitterで共有

code(コードマーク)」を押すと、HTMLタグが出力されます。
コードを問い合わせページに貼り付けましょう。
お問い合わせページは「投稿ページ」より「固定ページ」で作成することをおすすめします。
ここで大きさを揃えておきましょう。

短すぎると、スクロール、長すぎると、無駄に長くなってしまいます。
質問内容の数に合わせて長さを調節してみてください。

最後に自分でGoogleフォームに回答してみて、ちゃんとお知らせが来るかチェックしましょう。

設定したメールアドレス宛に「フォーム「お問い合わせ」に新しい回答があります。」というメールが来れば、完了です。

Googleフォームの作り方と使い方まとめ

Googleフォームの作成方法から、メール通知設定、コードの埋め込みまで解説しました。

すぐに設置できるのでおすすめです。

画像の圧縮ツールは「ImageOptim」がオススメ【無料で使えて容量無制限】

2019年4月23日
この記事のタイトルとURLをコピーする
Amazonでお得に買い物

Amazonで海外に行く前に必要なモノを購入されると思いますが、Amazonのギフト券のキャンペーンを利用するとお得です。

このキャンペーンを利用すれば、普通に購入するのに比べて、

  • Amazonギフト券のチャージ金額に合わせてポイントが貯まる(最大2.5%)
  • 5,000円以上のチャージで1,000ポイントがもらえる(初回購入の人のみ)

特に、Amazonプライム会員であれば、ゲットできるポイントの利率が一般会員よりも高くなってお得です。

ぜひこの機会に、キャンペーンを利用して、欲しい物をお得に購入してみてください。

※クレジットカード・電子マネーでのチャージはキャンペーン対象外なので注意