Google Analytics

現代的網站基本上都必備 Google Analytics (GA) 來分析流量，Hugo 當然也都整合好了。

設定 GA 變數

config.yml

googleAnalytics: G-XXXXXXXXXX

加上一個重複利用的版面

layouts/partials/analytics-gtag.html

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

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

網站通用版面加上 GA 追蹤

複製 Hugo 預設版面

複製一份檔案，覆蓋預設值用

layouts/_default/baseof.html (路徑需要相同)

加上 GA 設定

<head>
  {{- partial "head.html" . }}

  {{ if .Site.Params.GoogleAnalyticsID }}
  {{ partial "analytics-gtag.html" . }}
  {{ end }}
</head>

參考資料