ふぃかろぐ

アートやライフスタイル、ブログ運営のことなどいろんなことを書いている雑記ブログ。

はてなブログにGoogleフォームを使ってお問い合わせを設置する方法と、通知の仕方

どうも、ふぃかです。

 

こんにちは。

 

ブログを運営していくうえで、いずれ必要になってくるであろう「お問い合わせフォーム」。

 

アドセンスの審査にも必須ということで、あたしも早速設置しました。

 

今回はその手順を書きたいと思います。

 

 

Googleフォーム制作

まずは「Googleフォーム」と検索します。

するとこんな画面になるかと思いますので、真ん中のGoogleフォームを使うをクリックします。

 

f:id:Fikalog:20180701103646p:plain

 

新しいフォームを作成で空白(+)を選択します。

f:id:Fikalog:20180701103705p:plain

 

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

f:id:Fikalog:20180701121233j:plain

  1. 無題のフォームを「お問い合わせ」と入力し、変更します。
  2. 無題の質問を「お名前」に変更します。
  3. ラジオボタンのところを「記述式」に変更します。
  4. 必須にします。
  5. +を押して項目を増やします。

 

このようにメールアドレスなどの項目も、同じように作ります。

するとこのようなものができあがります。

f:id:Fikalog:20180701104915p:plain

 

ここまでできたらプレビューで見てみましょう。

f:id:Fikalog:20180701105948j:plain

  1. 目のマークをクリック。プレビュー表示されるので確認します。
  2. これでよければ、送信をクリックします。

 

ブログに設置する方法は2つあります。

サイドバーからリンクさせる方法と、固定ページで記事として投稿する方法です。

 

今回はあたしがした固定ページの方法を記しておきます。

f:id:Fikalog:20180701110202j:plain

  1. 送信方法の<>を選択します。
  2. HTMLを埋め込むの下に表示されたURLをコピーします。

 

Googleフォームでの設定は以上です。

次ははてなブログの設定です。

 

はてなブログにお問い合わせフォームを設置

普通に記事として投稿すると読者の人に更新した通知がいってしまいます。

なので、ここでは固定ページを使って投稿する方法をご紹介します。

 

まずこちらの固定ページをクリックします。

f:id:Fikalog:20180701112058p:plain

 

すると記事のURLを入力する画面になりますので、contactやinfoなどを入力します。

f:id:Fikalog:20180701112217p:plain

 

次に記事を書く画面で、HTML編集をクリックして、そこに先ほどのGoogleフォームでコピーしたURLをペーストします。

 

するとこのようにべたっと、お問い合わせフォームが貼り付けられます。

f:id:Fikalog:20180701112201p:plain

 

プレビューで確認後、投稿をします。

 

まだ終わりじゃないですよ〜。

もう少し!

 

後で必要になってくるので、ここで固定ページのURLをコピーしておいてください。

 

次にデザインから、このスパナのようなマーク(カスタマイズ)をクリックします。

f:id:Fikalog:20180701112518p:plain

 

そこの「サイドバー」→「リンク」→「編集」をクリック。

 

するとこのような画面になりますので「お問い合わせ」や「お問い合わせフォーム」などと入力して、先ほどの固定ページのURLをペーストします。

 

f:id:Fikalog:20180701112802p:plain

 

そして、適用を押して完了です。

 

最後にちゃんと反映しているか確認します。

 

f:id:Fikalog:20180701113029p:plain

ブログで確認したところ、ちゃんとリンクのところにありました。

 

お疲れ様でした!!!

 

一度、自分でお問い合わせのテストをしてみましょう。

 

メール通知設定

実際にテストしてみて気づかれた方いるかと思いますが、これだけではお問い合わせが来ても、気づかないんですよね。

 

そう、通知が来ないんです。

 

なので、最後に通知の設定方法を説明します。

これは簡単です。

 

先ほどの作成したGoogleフォームで「回答」を選択します。

そして右の「…」をクリック。

f:id:Fikalog:20180701113903p:plain

 

すると「新しい回答についてのメール通知を受け取る」とありますので、そこにチェックを入れます。

f:id:Fikalog:20180701113923p:plain

 

これでお問い合わせが来た時に、お使いのGmailに通知が来るようになりました。

 

一応こちらもテストしてみてくださいね。

 

他にもスプレッドシートを使った設定方法もあるようです。

Googleフォームに回答が来た時に通知をメールアドレスに飛ばす方法

勉強になります。

 

おまけ

実はお問い合わせフォームはデザインを変えることができるのです。

(早よ言うてよ〜って声が聞こえた気が…)

 

パレットのマークをクリックすると「テーマ オプション」というのが出てきます。

f:id:Fikalog:20180701115039p:plain

そこでいろいろ変えることができますので、いじってみてください。

デフォルトは紫のようですが、あたしは大好きなピンク色に変えました。

 

せっかくなので自分好みのデザインにしてみましょう。

 

最後に

いろいろ書きましたが、やってみると意外と簡単なので、ぜひこの機会に設置してみてくださいね。

 

皆様のもとへ、いい知らせがくることを祈っております。

 

以上、はてなブログにお問い合わせフォームを設置する方法と通知の設定でした!