PVアクセスランキング にほんブログ村

お問い合わせフォームを設置してみた【はてなブログ】

本来なら旅ブログを作成しているはずの私ですが、コロナさんのお陰で旅へのモチベーションが全く上がらず、ブログの攻略ばかりしております...

7月頃までは何とかして日本を脱出する方法や快適に過ごせる国はないかとか色々としてたんですが、調べれば調べるほど絶望的になり挙句旅へのモチベーションも下がり、パスポートが今年の11月に切れるというのに更新さえもしておりません。

 

そんな私ですが、色々な方のブログを読み漁っていると、まぁ知らない事が多い多い(笑)

旅ブログを作成していく上で、読者さんから私が訪れた国についての質問なんかに答えられたら嬉しいな…なんて妄想だけはしっかりしてたんですが、お問い合わせフォームなるものの存在を最近知ったのです。

今まで私はどこからお問い合わせが来ると思っていたのでしょうか ʅ(◞‿◟)ʃ

 

という訳で、この記事ではお問い合わせフォーム作成から設定するまでの手順をアナログな方向けに、簡単かつ手順通りに設定すれば10分あれば設定できるように説明していきます。

f:id:lifeishappy_right:20200918213152j:image

 

お問い合わせフォームは必要?

結論から言うと、この先Googleアドセンスを申請しようと思っている人であれば必須となります。

またアフィリエイトなど個人営利利用をされる方向けですが、2019年10月より、はてなブログが個人営利利用が可能になり、「はてなブログ個人営利利用ガイドライン(2019年10月1日施行)」に必須事項として記載されています。

以下抜粋↓↓

個人営利利用のルール

連絡先の明示

  • 上記営利利用の定義4に相当する教育利用を除き、営利利用ブログには情報発信の主体を明らかにするため下記のいずれかの方法で運営者の連絡先を明示するものとします。
    • 自身でプライバシーポリシーを設けている場合、プライバシーポリシー内に記載
    • ブログのヘッダ、フッタ、サイドバー、プロフィールなど、どの記事からも確認できる箇所に記載
  • 連絡先として表示する情報は、恒常的に受信できるメールアドレスなど、誰でも直接連絡が取れるものとしてください。コメント欄やSNSアカウントへのリプライなど公開での投稿、SNSのフォロワーや特定サービスの登録者のみが利用できるダイレクトメールやメッセージ機能などは連絡先とみなしません
  • ブログの内容に対して問い合わせや、訂正、削除などの依頼を受けた場合は、必ずご自身の責任において対応してください
    • ブログ作者が対応せず、はてなに対する削除依頼を受けた場合は非営利ブログと同様に「はてな情報削除の流れ」に沿って対応します。削除依頼の頻度や状況から管理体制に問題があると判断した場合、注意勧告や公開停止措置を取ることがことがあります
  • 連絡先の明示がない場合や連絡先が明らかに虚偽の場合など、故意に連絡が取れない状態としていたり、問い合わせを行うことで連絡の内容や個人情報が公開されるなど問い合わせ者に不利益が生じる状態である場合には、事前の警告なく公開停止措置を取ることがあります

私のように、気付いたときに何となくアフィリエイト広告を貼り付けている場合でも個人営利利用となりますので、初心者でも多数の方が当てはまるかと思います。 

という訳でややこしいから皆んな必須!でいいでしょう(⌒▽⌒)

 

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

Googleフォームでお問い合わせフォームを作成する

Googleフォーム公式ページに行きます。↓↓ 

f:id:lifeishappy_right:20200918170503p:plain

 

 次に「Googleフォームを使ってみる」をクリックして進んでください。

この時にGoogleにログインが必要ですので、アカウントのない方は作成してください。 

f:id:lifeishappy_right:20200918171020p:plain

 

この画面では「空白」を選択してフォームの作成画面に進んでください。↓↓ 

f:id:lifeishappy_right:20200918172536p:plain

 

ここではそれぞれに必要事項を入力します。

①無題のフォームには「お問い合わせフォーム」と入力。

②無題の質問部分には「お名前」と入力。

③ラジオボタンをクリックして「記述式」に変更。

④お名前を必須項目にしたい場合は✔するとお問い合わせされる際に読者の方が入力必須項目となります。必須でない場合はチェックしないで大丈夫です。

⑤どちらをクリックしても質問を追加できますので、どちらかをクリックして残り、「メールアドレス」「件名」「本文」項目を同様に作成しましょう。 

f:id:lifeishappy_right:20200918173657p:plain

 

先ほど「お名前」を作ったように、下記項目を作成します。

◎質問「メールアドレス

 ラジオボタン「記述式

 必須かどうか

◎質問「件名

 ラジオボタン「記述式

 必須かどうか

◎質問「本文

 ラジオボタン「段落

 必須かどうか

 ここまで作成ができたら次はフォームの設定をします。

画面右上にある歯車マークをクリックして設定画面に進んでください。↓↓ 

f:id:lifeishappy_right:20200918175206p:plain

 

歯車マークをクリックするとポップアップで設定画面が出てきます。↓↓ 

f:id:lifeishappy_right:20200918175531p:plain

 

プレゼンテーション」を選択。

「別の回答を送信するためのリンクを表示」部分はデフォルトでチェックが入っていますが、チェックを外します

「確認メッセージ」はお問い合わせいただいた際に、お問い合わせいただいた方へのメッセージとなりますので、「お問い合わせありがとうございました。」なんかで良いと思います。

ここまで入力したら「保存」をクリックして保存してください。

「保存」をクリックしたら、最初のフォーム入力画面に戻ります。↓↓ 

f:id:lifeishappy_right:20200918180146p:plain

 

次に回答の設定をするので「回答」タブを選択してください。 

f:id:lifeishappy_right:20200918180641p:plain

 

回答ページ右上の三つの点をクリックしてください。 

f:id:lifeishappy_right:20200918180810p:plain

 

ここでは「新しい回答についてのメール通知を受け取る」を選択することによって、お問い合わせが来るとメールが届くように設定されます。

これでGoogleフォームでのお問い合わせフォームが作成されました。 

f:id:lifeishappy_right:20200918181126p:plain

 

全ての入力・設定が終わったので、画面右上にある「送信」をクリックしてください。

「フォームを送信」のポップアップが出ます。↓↓ 

f:id:lifeishappy_right:20200918181650p:plain

 

ここでは「<>」タブを選択して、次にはてなブログに設定する際に必要なリンクを「コピー」します。

これで、Googleフォーム画面の使用は終了です。

※念のため画面はそのままにしておいてください。

さ、設定に行きましょう(* ̄O ̄)ノ

 

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

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

✔ はてなブログProの方

固定ページの作成をします。

固定ページは、「ダッシュボード」→「固定ページ」=「ページの管理画面」に進むと作成できます。↓↓ 

f:id:lifeishappy_right:20200917234725p:plain

 

ページを作成するにはURLの作成が必要です。

※画像のURLは「privacy-policy」になっていますが、この画像プライバシーポリシーについてのブログを書いたときの画像なので、気にしないでください(笑)

ここでお好きなURLを作成します。ちなみに私は「contact」にしました。

URLを入力したら「ページを作る」をクリックすると普段使用しているブログ作成画面と同じ画面に行きます。↓↓ 

f:id:lifeishappy_right:20200918193606p:plain

 

左上に「固定ページ」と記載があります。

タイトルは「お問い合わせフォーム」にして、本文に先ほどフォーム作成の最後にコピーしたお問い合わせフォームのリンクを貼って記事を「公開する」をクリックします。

 

✔ はてなブログ無料版の方

通常の「記事を書く」画面に行きます。 

f:id:lifeishappy_right:20200918183647p:plain

 

HTML編集」タブで編集をします。

タイトルは「お問い合わせフォーム」で良いかと思いますが、ここは好みですので自分が分かりやすいようなタイトルにしてください。

先ほどGoogleフォームでコピーしたリンクをそのままブログ本文に貼り付けしてください。

編集オプション(右側歯車マーク)のカスタムURLをいつも作成されている方はカスタムURLを作成し、できれば「投稿日時」を過去日にする事をオススメします。

読者登録して頂いている方に、お問い合わせフォームのブログが新着記事として反映されてしまうのでそれを避けるためですが、気にしない方は特に操作する必要はありません。

最後に「公開する」をクリックしてください。

 

✔ お問い合わせフォームページのURLコピー(以下Pro・無料版同じ) 

f:id:lifeishappy_right:20200917235237p:plain

※公開したら、「記事をみる」に進んでお問い合わせフォームの記事のURLをコピーしておいてください。次のサイドバーへのリンクを設定の際に使用します。

はてなブログProの方は、ここで記事を公開にはしたのですが、トップページや記事一覧など新着記事には掲載されていません。そのため、サイドバーのリンクに表示させないと誰もお問い合わせフォームが確認できません。なお、固定ページは通常のブログ記事同様、内容編集や削除もできます。

 

✔ サイドバーへのリンクを設定

サイドバーのリンクは、

「ダッシュボード」→「デザイン設定」→「スパナアイコン(カスタマイズ)」→「サイドバー」→「リンク」→「編集」をクリックします。

f:id:lifeishappy_right:20200917235523p:plain

 

 「リンク」の「編集」をクリックすると「モジュールを編集」のポップアップが出てきます。 

※「リンク」がない!!って方いたりしますか?そんな方は、「+モジュールを追加」で作成できます。↓↓ 

f:id:lifeishappy_right:20200918191654p:plain

 

モジュール追加を選択して左側にある「リンク」を選択してください。 

f:id:lifeishappy_right:20200917235657p:plain

 

タイトルはリンクのまま触らず、「リンク」のところの「タイトル」に「お問い合わせフォーム」と右側には固定ページに作成したお問い合わせフォームの「URL」を入力後、「適用」をクリックして、絶対忘れないで!!ダッシュボード左上にある「変更を保存する」をクリックしたら終了です。 

f:id:lifeishappy_right:20200918000312p:plain

 

ブログトップページのサイドバーを確認すると、リンクのところに「お問い合わせフォーム」が反映されて、ここから一生懸命作成したお問い合わせフォームを確認することができます。↓↓ 

f:id:lifeishappy_right:20200918194441p:plain

 

変更を保存したらすべて終了になります。

一度ブログのトップページを確認したらリンク部分に「お問い合わせフォーム」なるものが設置されているはずです(*^m^*)  

f:id:lifeishappy_right:20200910175344j:plain

 

Googleフォームの使用について

Googleフォームでお問い合わせフォームを作成して疑問を持たれた方いませんでしょうか?

はてなブログ個人営利利用ガイドライン」には、

  • 連絡先として表示する情報は、恒常的に受信できるメールアドレスなど、誰でも直接連絡が取れるものとしてください。コメント欄やSNSアカウントへのリプライなど公開での投稿、SNSのフォロワーや特定サービスの登録者のみが利用できるダイレクトメールやメッセージ機能などは連絡先とみなしません。

となっているのに、メールアドレスはどこにも表示されていない…って。 

これは、しっかりとはてなブログから了解を得た方法になっています。以下抜粋↓↓

連絡先の公開が義務付けられていますが、メールアドレスを公開したくありません。お問い合わせフォームへの誘導で大丈夫でしょうか?

メールアドレスの公開であっても、お問い合わせフォームの設置であっても、お問い合わせの内容やお問い合わせの個人情報がみだりに第三者に公開されず、直接連絡が取れる方法であれば問題ありません。

お問い合わせフォームの設置の際には、下記のような点に留意してご利用ください。

  • 個人で自作されたフォームの設置は推奨しません。プライバシーポリシーやお問い合わせ先などが公開されている企業の運営する暗号化されたフォームサービスをご利用ください
  • フォームの設定として、問い合わせ内容などの個人情報が外部公開されないようになっているか、必ずご確認ください
  • 設置後も、正常に動作しているか、リンク切れとなっていないかなど、メンテナンスを継続的に行ってください。

引用:個人営利利用解禁に関する追加情報(よくいただくお問い合わせ)

そのため、Googleフォームで問題ありません。

 

記事のおさらい

 ・お問い合わせフォームの必要性

 ・フォームの作成

 ・はてなブログへの設定

 ・お問い合わせフォームはGoogleフォームを使えばよい

実は私…行った事のない国に行くときに、色んな旅人のブログを読んでは疑問に思ったことを積極的に問い合わせするんです。でも結構古い記事だったりで放置されているブログも多くてお返事が来ないブログも多数あるんですね。

だから、そんな旅の問い合わせ窓口の一人になりたいと思ったんです。私自身が同じ場所でも何人もの方に同じ問い合わせを送ったりして、その中からお返事もらえる方に色々と教えていただいてるんで…迷惑な旅人でスミマセン(笑)

それなのに、そんな窓口を目指している私のブログには問い合わせ先が設置されてない。=全く窓口の役割を果たせてない!という事に気付いたんです(笑)

 

恐らく、お問い合わせフォーム設置の手順なんて旅行の検索している方に読まれることはないかと思いますが、もし読んでおられて私が行った事のある国に行く予定を立てているうちに疑問が出た方!いつでもお問い合わせくださいヾ(^∇^)

 

分かる範囲で全てお答えいたします♡