Merge pull request #202 from o2project/add-ga

Add Google Analytics and Privacy policy page in Web preview (gitbook ver)

Author: kubosho

src/SUMMARY.md

@@ -4,3 +4,7 @@
 - [第一章 - 改変管理のデュバス](./chapter1/readme.md)
 - [第二章 - 率先躬行のサインポスト](./chapter2/readme.md)
 - [あとがき](./post-script.md)
+
+---
+
+- [プライバシーポリシー](./privacy-policy.md)

src/_layouts/website/page.html

@@ -0,0 +1,10 @@
+{% extends template.self %} {% block head %}
+{{ super() }}
+<script>
+  window.__gaId__ = 'UA-25380313-6';
+</script>
+<script defer src="https://www.googletagmanager.com/gtag/js?id=UA-25380313-6"></script>
+<script defer src="/assets/scripts/gaInitialize.js" type="module"></script>
+{% endblock %} {% block body %}
+{{ super() }}
+{% endblock %}

src/assets/scripts/gaEntryPoint.mjs renamed to src/assets/scripts/gaInitialize.js

@@ -1,5 +1,5 @@
-import { GAOptout } from './gaOptout.mjs';
-import { GAOptoutKeyStorage } from './gaOptoutKeyStorage.mjs';
+import { GAOptout } from './gaOptout.js';
+import { GAOptoutKeyStorage } from './gaOptoutKeyStorage.js';
 
 function gtag() {
   window.dataLayer = window.dataLayer || [];

src/assets/scripts/gaOptout.mjs renamed to src/assets/scripts/gaOptout.js

@@ -0,0 +1,42 @@
+# プライバシーポリシー
+
+<script>
+  const gaId = window.__gaId__ || '';
+
+  function toggleGAOptoutStatus() {
+    if (gaOptout.enabled()) {
+      gaOptout.disable();
+      return;
+    }
+
+    gaOptout.enable();
+  }
+
+  function showGAOptoutStatus() {
+    const outputElement = document.querySelector('#google-analytics-tracking-status')
+    outputElement.textContent = gaOptout.enabled() ? '無効' : '有効';
+  }
+
+  function onClickGAOptoutButton() {
+    gaOptout.gaId = gaId;
+    toggleGAOptoutStatus();
+    showGAOptoutStatus();
+  }
+
+  document.addEventListener('DOMContentLoaded', showGAOptoutStatus);
+</script>
+
+当ブログでは内容の改善を目的として、Google アナリティクスによるアクセス分析をおこなっています。
+
+Google アナリティクスは Cookie を使い匿名のトラフィックデータを収集しています。
+Cookie に含まれるデータは利用者の個人情報を特定しません。また利用者は Cookie を無効にした状態で当サイトにアクセスできます。
+
+詳しくは[Google のサービスを使用するサイトやアプリから収集した情報の Google による使用 – ポリシーと規約 – Google](https://policies.google.com/technologies/partner-sites)を参照してください。
+
+## Google Analytics によるトラッキングの状態を変更する
+
+Google アナリティクスは以下のボタンから無効・有効を切り替えできます。
+
+<button onclick="onClickGAOptoutButton()">Google アナリティクスのオプトアウト状況を変更する</button>
+
+現在 Google アナリティクスによるトラッキングは<output><em id="google-analytics-tracking-status">有効<em></output>になっています。