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

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

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

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:20200710145729p:plain

 

「空白」クリック

f:id:twistinhaurin:20200710145758p:plain

 

質問フォームを作る

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

f:id:twistinhaurin:20200710145828p:plain

 

 

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

f:id:twistinhaurin:20200710145900p:plain

 

 

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

f:id:twistinhaurin:20200710150835p:plain

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

 

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

f:id:twistinhaurin:20200710150202p:plain

 


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

f:id:twistinhaurin:20200710150237p:plain

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

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

 

、また クリック

 

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

f:id:twistinhaurin:20200710150313p:plain

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

 

回答フォームを作る

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

f:id:twistinhaurin:20200710150431p:plain

 

 

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

f:id:twistinhaurin:20200710150501p:plain

 

 

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

f:id:twistinhaurin:20200710150532p:plain

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

 

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

 

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

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

f:id:twistinhaurin:20200710150605p:plain

 

 

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

f:id:twistinhaurin:20200710150641p:plain

 

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

 

 

 

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

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

f:id:twistinhaurin:20200710142326p:plain

 

 

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

f:id:twistinhaurin:20200710142416p:plain

 

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

f:id:twistinhaurin:20200710142447p:plain

 

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

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

f:id:twistinhaurin:20200710142523p:plain

f:id:twistinhaurin:20200710142602p:plain

 

こんな感じです!

 

 

サイドバーに設置する

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

f:id:twistinhaurin:20200710142633p:plain

 

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

f:id:twistinhaurin:20200710155202p:plain

「リンク」クリック

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

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

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

「適用」クリック

 

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

f:id:twistinhaurin:20200522165623p:plain

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

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

 

 

あとがき

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

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

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

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

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