キラッとはてログ

ポヤポヤの主婦ポヤラが本気で取り組むブログ運営

超簡単!はてなブログお問い合わせフォームの設置方法【無料版もOK】

690



ブログの収益化には「お問い合わせフォームの設置」が必要だというけれどホントかな?

本当です!
はてなブログの「個人営利利用ガイドライン」にも明記されています。設置していないブログは垢BAN(アカウント停止)されることもあるのよ

  

「お問い合わせフォーム」を作りたいけどどうやればいいのかわからない…

「Googleフォーム」を使えば初心者でも無料で簡単につくれます。

 

「お問い合わせフォーム」って無料版のはてなブログでも作れるの?

はい!作れます。丁寧にわかりやすく説明しますね。

 

■この記事でわかること■
  • お問い合わせフォーム設置の重要性
  • Googleフォームを使って簡単にお問い合わせフォームを作成する手順
  • お問い合わせフォームをはてなブログのサイドバーに設置する方法

 

あなたのブログにカッコイイお問い合わせフォームを設置しましょう!

 

 

お問い合わせフォーム設置の重要性

はてなブログの収益化には「プライバシーポリシー」とともに「お問い合わせフォームの設置」が必要です。

2019年10月1日に施行された「はてなブログ個人営利利用ガイドライン」の「個人営利利用のルール」には「連絡先の明示」について記載されています。

ガイドラインの内容はザックリこんな感じです↓↓

【連絡先の明示】

はてなブログを営利利用する場合は情報発信の主体を明らかにするために運営者の連絡先を明示することが必要。

【連絡先を記載する場所】

運営者の連絡先はプライバシーポリシー内か、ヘッダ、フッタ、サイドバー、プロフィールなど、どの記事からも確認できる場所に記載すること。

【連絡先の形式】

連絡先として表示する情報は、いつでも、誰でも連絡できるメールアドレスのようなものにすること。
ブログのコメント欄やSNSのリプライ欄など公開での投稿、SNSフォロワーのみが利用できるダイレクトメールなどはNG!→お問い合わせフォームが最適

さらに…連絡先を明示せず、訪れた読者に不利益が生じた場合は垢BANの可能性もあるよ!と書かれています。

【公開停止措置】

連絡先の明示がなかったり、連絡先が嘘偽の場合、また問い合わせの内容や個人情報が公開されるなど、ユーザーに不利益が生じる状態の場合は事前の警告なくブログの公開停止措置を取ることがある。

 

お問い合わせフォームの設置はアドセンス審査に有利という話もありますが、それ以前に、きちんと設置しないとブログが公開できなくなる可能性があるのです。

はてなブログで収益化を考えている方は「お問い合わせフォーム」を必ず設置しましょう。

 

さっそく「お問い合わせフォーム」を作成して、はてなブログのサイドバーに設置していきましょう。

 

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

お問い合わせフォームはGoogleフォームで簡単に作れます 。

 

Googleアカウントをお持ちでない方はこちらの記事を参考に作成してください。
↓↓

【初心者向け】Googleアカウント作成の手順 - キラッとはてログ

 

 

■お問い合わせフォーム作成の手順■
  1. タイトルを編集
  2. ユーザー記入欄を作成
  3. 通知を受け取る設定
  4. 確認メッセージの設定
  5. 好きなカラーにカスタマイズ

 

Googleフォームで「お問い合わせフォーム」を作る

こちらからGoogleフォームにアクセスしてください
↓↓
Google フォーム - アンケートを作成、分析できる無料サービス

 

「パーソナル」の「Googleフォームを使ってみる」をクリック

f:id:poyara:20210625132502j:plain

 

画面一番左の「空白」を選択します。

f:id:poyara:20210625132631j:plain

 

こちらの画面で編集していきます

f:id:poyara:20210625132858j:plain

 

「タイトル」を編集

①こちらにタイトルを記入します。わかりやすく「お問い合わせ」がいいですね。

②こちらにはフォームの内容説明を記入します。「お問い合わせありがとうございます。」「お問い合わせはこちらからお願いします。」などあなたのブログの雰囲気に合ったものでOK。

f:id:poyara:20210625133047j:plain

 

「お名前」「メールアドレス」「お問い合わせ内容」の記入欄を作成していきます

③一番上のアイコンをクリック

f:id:poyara:20210625133144j:plain

 

「お名前」記入欄を作成

①「質問」の欄に「お名前」と記入

②名前の記入が必須の場合はチェックを入れる

③再びクリック

f:id:poyara:20210625133333j:plain

 

「メールアドレス」記入欄を作成

①「メールアドレス」と記入

②「必須」にチェック

*メールアドレスがないとお問い合わせに返信ができませんから、必ずチェックを入れます。

③「必須」の右側の矢印部分をクリックします!←ここ大事

f:id:poyara:20210625133628j:plain

 

すると、すぐ下にこの画面が表示されるので

④「回答の検証」をクリックします。

f:id:poyara:20210625133811j:plain

 

⑤「回答の検証」クリックをすると「メールアドレス」記入欄の下にこの項目が表示されます↓↓

f:id:poyara:20210625134153j:plain

 

⑥右側の▼をクリックして選択肢の中から「テキスト」を選びます。

⑦同様に▼をクリックして「メールアドレス」を選択

⑧クリックします!

f:id:poyara:20210625135133j:plain

この設定をするとメールアドレスの記載がないとエラーが表示されるようになります。ユーザーのメールアドレス記載漏れ防止のために必ず設定しましょう。

ちなみに…メールアドレスを記入ないとこのように表示されます↓↓

f:id:poyara:20210625140838j:plain

  

お問い合わせ内容」記入欄を作成

①「お問い合わせ内容」と記入。

②「お問い合わせ内容」と記入すると自動で「段落」に変わります。
*「段落」に設定すると長文が記入できるようになります。(ユーザーにお問い合わせ内容を詳しく書いてもらえます)

③「必須」をチェック。

f:id:poyara:20210625141545j:plain

 

通知を受けとる設定をする

次はお問い合わせされた時にメールで通知を受け取る設定をします。

 

画面の一番上に戻り「回答」をクリック

f:id:poyara:20210625143401j:plain

 

画面が変わるのでここをクリックします。

f:id:poyara:20210625143458j:plain

 

「新しい回答についてのメール通知を受け取る」をクリック

f:id:poyara:20210625143542j:plain

  

確認メッセージの設定

次は確認メッセージの設定をします。

画面右上の歯車のアイコンをクリック

f:id:poyara:20210625143744j:plain

 

①「プレゼンテーション」をクリック

「別の回答を送信するためのリンクを表示」のチェックを外します。

③確認メッセージを記入。

「お問い合わせありがとうございました」「お問い合わせ内容を確認して返信させていただきます」など、あなたのブログに合った文章を記入してください。

④「保存」をクリック

f:id:poyara:20210625143837j:plain

 

テーマオプションでお好みの色に

「テーマオプション」で自分のブログに合ったカラーに変更できます。

画面右上の方にあるパレットのアイコンをクリック!

テーマの色、背景、フォントを選べます。

f:id:poyara:20210625144334j:plain

 

これでお問い合わせフォームが完成しました!
次は「お問い合わせフォーム」をはてなブログに設置する準備をします。

 

HTMLを取得する

「お問い合わせフォーム」をはてなブログに設置するためにHTMLを取得しましょう。

お問い合わせフォームのHTMLをコピーする

画面右上の「送信」をクリック

f:id:poyara:20210625152455j:plain

 

①「< >」をクリックします。
②に表示されるのが作成した「お問い合わせフォーム」のHTMLです。
③をクリックすればコピーできます。

f:id:poyara:20210625152924j:plain

 

コピーしたHTMLをはてなブログに貼り付けます。 このページは開いたままにしておいてね。

 

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

いよいよあなたのブログのサイドバーに「お問い合わせフォーム」を設置しましょう。

■はてなブログに設置する手順■
  1. はてなブログで「お問い合わせフォーム」の記事を作成する
  2. 「お問い合わせフォーム」の記事をサイドバーに設置する

 

記事を作成

まず、はてなブログに「お問い合わせフォーム」の記事を作ります。

と言っても…記事作成ページに先ほどコピーしたHTMLを張りつけるだけ!めちゃくちゃ簡単です!


はてなPRO(有料プラン)の場合

有料プランのはてなPROユーザーは固定ページにお問い合わせフォームを作りましょう。

 

ダッシュボード→固定ページを選択します。

f:id:poyara:20210625154833j:plain

 

ページを作る

①お問い合わせフォームのURLを記入します。

私はわかりやすく「otoiawase」(オトイアワセ)にしました。

*URLは必ず半角英数字を使ってね!

②「ページを作る」をクリック

f:id:poyara:20210625155027j:plain

 

固定ページ作成画面

①「HTML編集」を選択します←ここ大事

②タイトル「お問い合わせフォーム」でOK

③Googleフォームでコピーした「お問い合わせフォーム」のHTMLを貼り付けます。
*なくしちゃった人も大丈夫!何度でもコピーできるよ。

④プレビューで確認しましょう

⑤問題なければ「公開」をクリック!

f:id:poyara:20210625155258j:plain

 

無料版はてなブログの場合

無料版はてなブログは固定ページが使えません。お問い合わせフォームは通常ページで作成しましょう。

 

ダッシュボード→「記事を書く」で記事作成画面を開きます。


「お問い合わせフォーム」記事作成

①「HTML編集」を選択←ここ大事

②タイトル「お問い合わせフォーム」

③本文にGoogleフォームでコピーした「お問い合わせフォーム」のHTMLを貼る
*なくしちゃった人も大丈夫!さっきの手順で何度でもコピーできるよ。

f:id:poyara:20210625161226j:plain

 

④画面右側の歯車のアイコンをクリック

⑤カスタムURLを記入します。
「otoiawase」(オトイアワセ)などがわかりやすいですね。

*URLは必ず半角英数字を使ってね!

⑥「投稿日時」をあなたのブログ記事の中で1番古くなるように書き入れます。

*この設定をしないと「お問い合わせフォーム」が新着記事で表示されてしまいます。

f:id:poyara:20210625161546j:plain


⑦プレビューを確認して問題なければ「公開」をクリック!

f:id:poyara:20210625161908j:plain

 

 

サイドバーに設置する

いよいよ仕上げです!出来上がった「お問い合わせフォーム」をはてなブログのサイドバーに表示させましょう。

 

ダッシュボード→デザインをクリック 

f:id:poyara:20210625162406j:plain

 

①カスタマイズ(レンチのアイコン)をクリック

②サイドバーを選択

f:id:poyara:20210625162500j:plain

 

1番下の「モジュールを追加」をクリック

f:id:poyara:20210625162545j:plain


リンクを編集

①「リンク」を選択

②リンクのタイトルを記入

*お好みですが…「サイト情報」などとして、プロフィール、プライバシーポリシー、お問い合わせフォームをまとめるとお洒落です。

③記事のタイトルを記入

「お問い合わせフォーム」でOK!

④記事のURL

先ほどはてなブログ記事作成画面で決めた「お問い合わせフォーム」のURLを記入します。(「otoiawase」のやつです)

⑤「適用」をクリック

f:id:poyara:20210625162837j:plain

 

はい!これで完成です!

 サイドバーには、このように表示されています。

f:id:poyara:20210625163248p:plain

私は「プロフィール」「プライバシーポリシー」「お問い合わせフォーム」をセットにして並べています。

 

■合わせて読みたい■
「プライバシーポリシー」の設定はできていますか?

poyaran.com

 

【追記】一見、自分のメアドが公開されているように見える件

あれっ!?私のメールアドレスが表示されている!

そうなんです。完成したお問い合わせフォームをパソコンで開いてみると、タイトルの下にこのように自分のメールアドレスが表示されています↓↓

自分のPCからみたお問い合わせフォーム

自分のメアドが公開されている⁉とあせりますが、ご安心ください。

実際にはこのように表示され、メアドは公開されていませ↓↓

実際に表示されるお問い合わせフォーム

*ご自分のブログをシークレットウインドウで検索してお問い合わせフォームを開くと、実際の表示が確認できます。

 

まとめ

「お問い合わせフォーム」は「プライバシーポリシー」と同様にブログ収益化のためにはなくてはならないページです。

きちんと設置することによって読者からの信頼を得られますが、設置しなければペナルティを受けることもあります。

「お問い合わせフォーム」はGoogleフォームで簡単に作ることができます。

はてなブログにはコピーしたHTMLを貼るだけで設置できますから、ぜひやってみてくださいね。

 

最後までお読みいただきありがとうございます!
「キラッとはてログ」では、初心者がはてなブログで月5万円ほどの収入を得るまでに必要な情報を発信しています。
興味のある方はぜひ読者登録やTwitterフォローをお願いいたします

一緒にはてなブログを楽しみましょう!