Hudoで個人ブログを作成したので、どれくらいアクセスがあるかを確認するためにGoogle Analyticsを設定します。

Google Analytics利用登録

Google Analyticsにて測定対象のブログを登録し、トラッキングコード(UA-123456789-1）を取得する。

Hugoの設定方法を確認

Hugo公式ドキュメントを確認したところ、トラッキングコード設定とテンプレート準備が必要でした。

1.トラッキングコードを設定

config.tomlにトラッキングコードを設定する。

1

googleAnalytics = "UA-123456789-1"

2.Google Analyticsテンプレートを準備

Google Analyticsの内部テンプレートが必要となりますが、最近のHugoテーマではデフォルトで準備されているようです。
Zzoテーマで確認したところ、下記のファイルがありました。

1
2
3
4

{{ if not .Site.IsServer }}
  {{ template "_internal/google_analytics.html" . }}
  {{ template "_internal/google_analytics_async.html" . }}
{{ end }}

追記 トラッキングコード重複問題

1アクセスで2PVになっていることに気付き、Chromeのプラグインである「Tag Assistant」で調査したところ、「Google Analytics」が2つ登録されていることがわかりました。

こちらの記事にありましたが、_asyncなしのコードはローカル実行中もトラッキングされるし、トラッキングコード重複の原因になるので、Hugoのルート直下に_asyncのみのファイルを作成することにしました。

1
2
3

{{ if not .Site.IsServer }}
  {{ template "_internal/google_analytics_async.html" . }}
{{ end }}

Google Analyticsでアクセス確認

設定が問題なく完了すれば、Google Analyticsでブログへのアクセスを確認できます。