【Hexo】プライバシーポリシーの作成（テーマ：light）

概要

Hexoで生成したブログにプライバシーポリシーや免責事項を追加します。

GoogleAdsenseなどの評価にも影響するので、ちゃんと作る必要があります。

目次

手順

1.固定ページを生成

プライバシーポリシーの固定ページを生成します。

コマンド

1
hexo new page "privacy-policy"

2.プライバシーポリシーを記載

当ブログの場合は下記のような感じ

テーマがlightの場合、左に余計な余白が入るためCSSでpaddingを調整してます。

\site\source\privacy-policy\index.md

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
## プライバシーポリシー
### 個人情報の利用目的
当ブログでは、お問い合わせや記事へのコメントの際、名前やメールアドレス等の個人情報を入力いただく場合がございます。
取得した個人情報は、お問い合わせに対する回答や必要な情報を電子メールなどでご連絡する場合に利用させていただくものであり、これらの目的以外では利用いたしません。

### 広告について
当ブログでは、第三者配信の広告サービス（Googleアドセンス）を利用しており、ユーザーの興味に応じた商品やサービスの広告を表示するため、クッキー（Cookie）を使用しております。
クッキーを使用することで当サイトはお客様のコンピュータを識別できるようになりますが、お客様個人を特定できるものではありません。

Cookieを無効にする方法やGoogleアドセンスに関する詳細は「広告 – ポリシーと規約 – Google」をご確認ください。

### アクセス解析ツールについて
当ブログでは、Googleによるアクセス解析ツール「Googleアナリティクス」を利用しています。このGoogleアナリティクスはトラフィックデータの収集のためにクッキー（Cookie）を使用しております。トラフィックデータは匿名で収集されており、個人を特定するものではありません。


## 免責事項
当ブログからのリンクやバナーなどで移動したサイトで提供される情報、サービス等について一切の責任を負いません。

また当ブログのコンテンツ・情報について、できる限り正確な情報を提供するように努めておりますが、正確性や安全性を保証するものではありません。情報が古くなっていることもございます。

当サイトに掲載された内容によって生じた損害等の一切の責任を負いかねますのでご了承ください。


## 著作権
当ブログで掲載している文章や画像などにつきましては、無断転載することを禁止します。


## リンクについて
当ブログは基本的にリンクフリーです。リンクを行う場合の許可や連絡は不要です。

ただし、インラインフレームの使用や画像の直リンクはご遠慮ください。

<style>
article .post-content{
	padding:20px;
}
article.page{
	padding:0;
}
</style>

3.layout.ejsを編集

フッターに固定ページを表示するためにlayout.ejsに下記を追記

site\themes\light\layout\layout.ejs

1
2
3
4
5
6
7
<% if (theme.footer_menu && theme.footer_menu.length) { %>
  <ul class="footer-menu">
    <% theme.footer_menu.forEach(function(item){ %>
      <li><a href="<%- url_for(item.url) %>"><%- item.name %></a></li>
    <% }); %>
  </ul>
<% } %>

layout.ejs

4._config.ymlを編集

config.ymlにフッターメニュー項目を追加する

site\themes\light\_config.yml

1
2
3
4
5
footer_menu:
  - name: Home
    url: /
  - name: プライバシーポリシー
    url: /privacy-policy

_config.yml

5.cssを記載

見ずらいのでいい感じにレイアウトを変更してみる

site\themes\light\source\css\[任意のCSS].css

1
2
3
4
5
6
7
8
9
/* フッター */
.footer-menu {
  list-style: none;
  display: flex;
  gap: 1rem;
  justify-content: center;
  margin-top: 10px;
  padding: 0;
}

[任意のCSS].css

完成

無事表示プライバシーポリシーが完成しました。
完成（フッター）
完成（プライバシーポリシー）

締め

プライバシーポリシーを追加するにあたり色々調べましたが、こんな面倒なこと皆さんやられてるんですね。。
いやー勉強になりました(^-^;

実装については、フッター機能がないことに気づき面倒だな、、と思いましたが、思ったより工数はかからず数時間で実装できました。

結構いい感じなのではないでしょうか？

以上お疲れさまでした。