ガジェレポ!

京都在住の中年サラリーマンブロガーです。主にMacやiPhone、ゲームなどの情報をレポートしていましたが、もうなんでもありの雑記ブログに変更。

はてなブログのサイドバーにスクロールするウィンドウで『プライバシーポリシー』を表示させる方法。

プライバシーポリシーのイメージ01

ガジェレポ!@gadgerepoです。こんにちわ。

今回は久しぶりに、はてなブログのカスタマイズについて。

サイドバーに、スクロールするウィンドウで『プライバシーポリシー』を表示させる方法をレポートします。

サイドバーで目立ちやすく、長文もスクロール表示でコンパクトに

 

「プライバシーポリシー」、記載してますか?

ブログを運営しているなら、Googleアドセンスを利用している方も多いと思いますが、その場合たとえ個人ブログであっても「プライバシーポリシー」の明示が義務付けられています。

かくいう当ブログでも、プライバシーポリシーをヘッダーのナビゲーションメニューから「固定ページ」として記載しておりますので、ご一読を。

また、はてなブログに固定ページとしてプライバシーポリシーを設置する方法については、以前コチラの記事で解説させていただきました。

www.gadgerepo.com

さて、先日サブブログを起ち上げるにあたって、やはりプライバシーポリシーを設置しようと思ったわけですが、以前から諸兄姉方のブログを拝見していると、サイドバーに記載している方も多く見受けました。

なるほど、なるべくならブログ・サイトを訪れたすべての人に目を通していただきたい文ですから、わざわざリンクを踏んで別ページに飛んでから読むよりも、常に表示されるサイドバーに設置したほうが目立ちやすく理にかなっているというもの。

というわけでさっそく筆者もサイドバーに……

プライバシーポリシーのイメージ02

 

長い!!!

これではせっかくの見栄えも台無し、なんとかならないか……というわけで、スクロールするウィンドウに設置することにいたしました。

仕上がりイメージはコチラ、筆者のサブブログを御覧ください。

(追記:2019年12月閉鎖)

そんな露骨な誘導には引っかかんねーよ!とおっしゃる方、チッ!ごもっとも。

そんな方は当ブログのサイドバーに設置した「Twitter のタイムライン」を見ていただければ、どういう感じかおわかりいただけると思います。

参考にさせていただいたのはこちらのサイト。

スクロールバー付きのテキストボックスをサイドバーに貼るcomemo508.wordpress.com

この中で紹介されている「スクロールバー付きテキストボックス」のHTMLタグに、プライバシーポリシーの文章を差し込んだのがコチラのコードです。

gist561c33d0bc325214ad3808c2cc7d0b47

コレを、はてなブログの「管理画面」→「デザイン」→「カスタマイズ」→「サイドバー」から、HTML形式モジュールで設置すればOK。

プライバシーポリシーのイメージ03

こんな感じでコンパクトに表示され、スクロールすれば全文を読むことが出来ます。

テキストボックスの背景色やサイズなどをカスタマイズしたい場合は、コードの上段 CSS部分を変更してください。

また、プライバシーポリシーの文面も改変していただければよろしいかと。

以上、はてなブログのサイドバーにスクロールするウィンドウで『プライバシーポリシー』を表示させる方法でした。

お疲れ様です。

 

まとめ

 

サイドバーに「プライバシーポリシー」明示で個人情報対策を!