先日、当ブログにGoogle Analyticsを導入したので、その流れをメモしておきます。
目次
Google Analyticsとは #
Googleが提供するアクセス解析ツール。
有料版もありますが、無料版でも多くのデータが得られます。
- サイトへのアクセス数
- サイトページごとの閲覧数
- アクセスしたデバイスの種類
- どこの国からアクセスがあったか
などなど
導入 #
Google Analytics側 #
まずはGoogle Analyticsのページから登録します。すでにGoogleアカウントがあれば、そのアカウントで利用可能です。
どのサイトで利用するか等、入力していきます。
登録すると、すべてのウェブサイトのデータの画面になります。
管理 → トラッキング情報 → トラッキングコードに移動すると、Google Analyticsを利用するために必要なトラッキングコードが確認できます。ブログ側で埋め込みに使用するのでコピーしておきます。
※黒で塗りつぶしている箇所は、トラッキングIDが記載してあります。
ブログ側 #
トラッキングコード埋め込み #
先ほどのトラッキングコードを、全てのウェブページの<HEAD>タグに埋め込む必要があります。
使用しているテーマによっても異なると思うのですが、自分が使用している jekyll-theme-hydeout では、元々このためのファイルが存在していました。ただ、Google Analyticsで確認したトラッキングコードと異なっていた(古くなっていた?)ため、新しく同名のファイルを作成して上書きしました。
また、トラッキングIDの箇所は、config.yml
に切り出したかったので以下のように変数にしました。
{% if jekyll.environment == 'production' and site.google_analytics %}
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id={{ site.google_analytics }}"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', '{{ site.google_analytics }}');
</script>
{% endif %}
ここで、if jekyll.environment == 'production'
としているのは、本番環境のみ、Google Analyticsを動作させるようにしたいからです。開発環境ではjekyll.environment
の値はdevelopment
になっています。
そして、本番環境では値がproduction
になるように環境変数を設定しておく必要があります。
自分の場合、ホスティングにはNetlifyを使用しているため、こちらで設定しました。netlify.toml
というファイルを使用しても設定できるそうなのですが、今回は手動で設定しました。
Setting→Build&Deploy→Environmentから設定画面に行けます。
プライバシーポリシー #
Google Analyticsを利用する際は、プライバシーポリシーを記載したページの用意が必要になります。
ここでは、個人情報の保護や取り扱いについての方針を示す必要があり、Cookieを使用していること、設定でCookieは無効にできること、個人を特定する情報は収集しないこと、Google Analyticsの利用規約などの記述が必要になります。
いろんな方が書式を公開されているので、それを参考にして書いてみるといいでしょう。自分もいろんな方の書式を参考にさせていただきました。多分、大丈夫…のはず。
自分自身からのアクセスを除外(2020/05/03追記) #
自分自身からのアクセスを除外した場合はGoogle アナリティクス オプトアウト アドオンを導入するとよいです。
Google Analyticsの使い方はまだよくわかってないのですが、ブログへのアクセスが少ない段階でも入れておいた方がいいとか見かけたので、今回導入してみました。
まずはのんびりアクセス数を見ておきたいと思いますー。