hugoにanalytics(gtag.js)を追加

hugoで作ったサイトにgoogle analyticsを追加するときの備忘録です．

執筆時点、hugo v0.75.1でも_internal/google_analytics_async.htmlでは，古いanalytics.jsのままです．

gtag.jsを使いたいので設定していきます．

ほぼこの記事を参考にしています．

環境

• hugo v0.75.1

gtag.jsを読み込む

analytics.html

<!-- localでは使わない -->
{{ if not .Site.IsServer }}

<!-- config.tomlのgoogleAnalyticsを読み込む -->
{{ with .Site.GoogleAnalytics }}

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id={{ . }}"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', '{{ . }}');
</script>

{{ end }}
{{ end }}

config.tomlに追加

googleAnalytics = 'UA-<自身のコード>'

head.htmlに追加

{{ partial "analytics" . }}