はてなブログPRO導入手順書③プライバシーポリシーとお問い合わせフォームを設置する

f:id:mckcv:20201129111040p:plain

こんにちは、まちこです。

 

前回は、ブログデザインの変更方法をご紹介しました。

 

 

mcklog.com

 

 

今回は、「プライバシーポリシー」と「お問い合わせフォーム」の設置方法をご紹介していきます。

 

Google AdSense申請を目的をしていない方でも、準備しておくといいものですので、是非ご参照ください!

 

 

 

プライバシーポリシーとお問い合わせフォームを設置する理由

Google AdSenseやアフィリィエイトの広告をブログで掲載する場合には、下記が必要となってきます。

 

連絡先の明示:どの記事からでも確認できる箇所に記載

→お問い合わせフォームを設置する

プライバシーポリシーに記載する情報が決まっている(Cookie使用など)

→プライバシーポリシーを設置し必要な情報を記載する

 

それでは、さっそく準備していきましょう。

お問い合わせフォームを設置する

Googleフォームを利用して作成していきます。

 

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

f:id:mckcv:20201129085243p:plain

 

「新しいフォームを作成」画面で、「空白」をクリックします。

f:id:mckcv:20201129085502p:plain

 

 

フォームを作成する

f:id:mckcv:20201129093649p:plain

①「質問」になってることを確認します。

②下記のように入力します。

・無題のフォーム:お問い合わせ

・フォームの説明:お問い合わせはこちらからお願いします。

③下記のように入力します。

・無題の質問:お名前

④下記のように変更します。

ラジオボタン→記述式

⑤必須のスイッチをオンにします。

⑦次の項目を入力するため、追加ボタンを押します。

f:id:mckcv:20201129094340p:plain

①下記のように入力します。

・無題の質問:メールアドレス

②下記のように変更します。

ラジオボタン→記述式

③必須の横の3点をクリックし、「回答の検証」を選択します。

その後下記のように変更します。

・数値→テキスト

・次より大きい→メールアドレス

④必須のスイッチをオンにします。

⑤次の項目を入力するため、追加ボタンを押します。

f:id:mckcv:20201129094721p:plain

①下記のように入力します。

・無題の質問:お問い合わせ内容

②下記のように変更します。

ラジオボタン→記段落

③必須のスイッチをオンにします。

f:id:mckcv:20201129094811p:plain

①「回答」を選択します。

②「設定」マークをクリックします。

f:id:mckcv:20201129094920p:plain

①「プレゼンテーション」タブを選択します。

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

③「確認メッセージ」に「お問い合わせありがとうございました。」と入力します。

④右下の「保存」をクリックします。

 

f:id:mckcv:20201129095453p:plain

最後に、「無題のフォーム」を「お問い合わせ」に変更して完了です。

 

保存ボタンはないですが、もう既に保存されてるのでご心配なく!

 

はてなブログにフォームを設置する

フォームに設置するためのHTMLをコピーします。

f:id:mckcv:20201129100221p:plain

先ほどのGoogleフォームから「送信」ボタンをクリックします。

f:id:mckcv:20201129100256p:plain

「<>」タブをクリックし、HTMLをコピーします。

 

では、はてなブログに戻ります。

 

f:id:mckcv:20201129100523p:plain

ダッシュボードより「固定ページ」を開きます。

「ページを作る」より、お問い合わせフォームの固定ページを作ります。

 

f:id:mckcv:20201129101050p:plain

「HTML編集」を開き、先ほどコピーしたものを貼り付けます。

タイトルに「お問い合わせフォーム」と入力し、「公開」します。

 

プライバシーポリシーを設置する

プライバシーポリシーを設置していきます。

f:id:mckcv:20201129103306p:plain

同様に管理画面の「固定ページ」を開き、「ページを作る」よりプライバシーポリシーページを使います。

 

編集ページでプライバシーポリシーの内容を記述します。

 

当サイトのプライバシーポリシーを参考にしていただいてもOKです!

当サイトで表示している内容は下記です。

  • 個人情報の利用目的
  • 広告について
  • アクセス解析ツールについて
  • コメントについて
  • 免責事項
  • 著作権について
  • リンクについて
  • プライバシーポリシーの変更について

 

お問い合わせフォームとプライバシーポリシーをサイドバーに表示する

最終段階に入ってきました!

頑張っていきましょう!

 

管理画面の「デザイン」をクリックして、「デザイン画面を開きます。」

f:id:mckcv:20201129105354p:plain

①「カスタマイズ」タブを開き、②「サイドバー」をクリックし、③「モジュールを追加」を選択します。

 

f:id:mckcv:20201129110123p:plain

①モジュールの種類を「リンク」とします

②タイトルを「その他」とします・

③リンクにプライバシーポリーとお問い合わせフォームの名称とURLを設定します。

④「適用」を押して画面を閉じます。

 

これも忘れずに!

f:id:mckcv:20201129110351p:plain

 

「変更を保存する」をクリックし、設定を反映します。

 

ブログを確認すると下記のように表示できていることが確認できます。

f:id:mckcv:20201129110428p:plain

 

 

終わりに

これで、ブログに最低限必要な準備が終わりました。

今回もお疲れ様でした!

 

mcklog.com