ハウリンの雑念だらけで生きている

ゆるゆると書いていきます

MENU

はてなブログ【お問い合わせ】フォーム、固定ページの作り方と設置の仕方。

f:id:twistinhaurin:20200513170015j:plain

こんにちは、ハウリンです。

Amazon アソシエイト Google AdSense の申請をする時に絶対に設置が必要な「お問い合わせ」フォーム「プライバシーポリシー」。

今回は「お問い合わせ」を設置したいと思います。

なぜ「お問い合わせ」フォームを設置しないといけないのか?最初はよくわかりませんよね?

私もそうでした (;'∀')

なぜ設置が必要かや、設置の仕方を載せていきたいと思います。

 

「プライバシーポリシー」の設置の仕方はこちら。

www.haurin-zatunenlife.com 

 

なぜ「お問い合わせ」フォームが必要か

はてなブログはガイドラインを改正した様で、2019年10月1日より個人営利利用ガイドラインを新設し、一定のルールに沿った営利目的利用を解禁しています。

help.hatenablog.com

ガイドラインの「個人営利利用のルール」「連絡先の明示」が書いてあります。

つまり、Amazon アソシエイトや Google AdSense を使う人は誰にでも分かる場所に、誰でもあなたと連絡取れる方法を表示して下さいという事。

 

連絡先の表示場所

・自身でプライバシーポリシーを設けている場合、プライバシーポリシー内に記載。

・ブログのヘッダ、フッダ、サイドバー、プロフィールなど、どの記事からも確認できる箇所に記載。

 

連絡先の表示方法

・恒常的に受信できるメールアドレス。

・Google フォームで作る

誰でも直接連絡が取れるものとすること。

コメント欄やSNSアカウントへのリプライなど公開での投稿。

特定の登録者のみしか連絡が取れないのはダメです。

 

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

Google アカウントを持ってない方はこちらをどうぞ
www.haurin-zatunenlife.com

 

、Google フォームのサイトへいく

www.google.com

 

「Google フォームを使ってみる」をクリック。

f:id:twistinhaurin:20200522141602p:plain

 

「空白」をクリック。

f:id:twistinhaurin:20200522141915p:plain

 

質問フォームを作る

「お問い合わせ」「お問い合わせはこちらからお願いします。」と入れる。

f:id:twistinhaurin:20200522142432p:plain

 

「無題の質問」の枠をクリック。

f:id:twistinhaurin:20200522143055p:plain

 

「お名前」と入力、の▼をクリックして「記述式」を選択する。の「必須」をON状態にして、 ⊕ をクリックする。

f:id:twistinhaurin:20200522171900p:plain

※右下に「必須」というところがあるのでON状態にすると紫色っぽくなります。ON状態にしても、しなくてもどちらでもいいですが、やはり必ず入力してもらった方が何かあった時に良いかと思います。 (*^-^*)

 

「メールアドレス」と入れる。は記述式。(勝手に設定されると思います)の必須をON状態にする。をクリックして「回答の検証」を選択する。

f:id:twistinhaurin:20200522151416p:plain


「テキスト」「メールアドレス」を選択。

f:id:twistinhaurin:20200522151818p:plain

上記の設定にしておくと、メールアドレスの入力におかしな文字列がある場合、エラーが出るようになります。

返信先が分からない💦というトラブルを避ける為にも設定しておきましょう。

 

、また をクリック。

 

「お問い合わせ内容」と入力。「段落」を選択。の必須をON状態にする。

f:id:twistinhaurin:20200522153031p:plain

※段落にする事で長い文章を入れれる様になります。

 

回答フォームを作る

「回答」をクリック。をクリック。

f:id:twistinhaurin:20200522154106p:plain

 

「新しい回答についてのメール通知を受け取る」を選択。

f:id:twistinhaurin:20200522154340p:plain

 

「プレゼンテーション」をクリック。「別の回答を送信するためのリンクを表示」チェックを外す「お問い合わせありがとうございます。」等のメッセージを入れる。「保存」をクリック。

f:id:twistinhaurin:20200522155429p:plain

とりあえずお問い合わせフォーム作りは終了です。 

 

次は、はてなブログの方の設定をしていきます。

 

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

、先ほどの画面の「送信」をクリック。

f:id:twistinhaurin:20200522160314p:plain

 

<>をクリック。HTMLコードをクリックして「コピー」をクリック。

f:id:twistinhaurin:20200522160745p:plain

 

はてなブログの方に移ります!

 

はてなブログに固定ページを作る

「固定ページ」をクリック。「otoiawase」と入れる。「ページを作る」をクリック。

f:id:twistinhaurin:20200522161614p:plain

 

タイトルに「お問い合わせ」と入れ、「HTML編集」をクリック。

f:id:twistinhaurin:20200522162346p:plain

 

、先ほどコピーしたHTMLコードを貼り付けます。

f:id:twistinhaurin:20200522162749p:plain

 

プレビューで確認して「公開する」をクリック。

これで「お問い合わせ」の固定ページが出来ました。(^O^)/

f:id:twistinhaurin:20200522163343p:plain

f:id:twistinhaurin:20200522163356p:plain

こんな感じです!

 

サイドバーに設置する

スパナマーク」をクリック。「サイドバー」をクリックし、「+モジュールを追加」をクリック。

f:id:twistinhaurin:20200522163951p:plain

 

「リンク」を入力していきます。 

f:id:twistinhaurin:20200522164929p:plain

「リンク」をクリック。

「お問い合わせ」と入力。

「お問い合わせフォーム」と入れ、

④ に先ほど作ったお「問い合わせ」のページ(記事)のURLをコピーして貼り付け

「適用」をクリック。

 

、最後に「変更を保存する」をクリック。

f:id:twistinhaurin:20200522165623p:plain

「変更を保存する」をクリックし忘れると泣くハメになります (´;ω;`)

これで完了、お疲れさまでした!

 

 

あとがき

私は、Google フォームという存在をこの時初めて知りました (^_^;)

Amazon アソシエイトや Google AdSense をこれから使おうとしいる方は設置必須です。

はてなブログをProに変更してから、いろんな設定をしなければいけないので大変ですよね。

これから、アフィリエイトをやろうとしている方に、このブログが少しでも役立てば嬉しいです。

それでは、最後まで読んで頂いてありがとうございました。