This page looks best with JavaScript enabled

Hugo ブログに Google Analytics を設定する

 ·   ·  ☕ 1 min read

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 }}

Google Analyticsでアクセス確認


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

Share on