1. Google Analytics のタグを取得する

参考: https://blog.k-bushi.com/post/tech/infrastructure/introduction-google-analytics-for-hugo/#gsc.tab=0

２. トラッキング ID をコンフィグファイルで設定する

参考: https://maku77.github.io/p/zxk6pat/

hugo.yaml か config.toml に，以下を書き加える．

google Analytics = [自分のトラッキング ID]
  1. トラッキングコードを自動で埋め込むようにする

以下を実行．

mkdir layouts
cd layouts
mkdir partials
cd partials
touch analytics.html

analytics.html を開いて，以下を記述して保存．

{{ if not .Site.IsServer }}
{{ with .Site.GoogleAnalytics }}
<!-- Google tag (gtag.js) -->
<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 }}

以下を実行．

cd ../
mkdir _default
cd _default
touch baseof.html

baseof.html に以下を記述して保存．

<!DOCTYPE html>
<html lang="{{ .Site.LanguageCode }}">
<head>
  {{- partial "analytics" . -}}
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width,initial-scale=1.0">
  <link rel="stylesheet" href="{{ "assets/css/main.css" | relURL }}">
  <title>{{ if not .IsHome }}{{ .Title }}｜{{ end }}{{ .Site.Title }}</title>
  {{ partial "head/favicon" . }}
</head>
<body>
  <div id="root">
    <div id="pageTitle"><a href="{{ "/" | relURL }}">{{ .Site.Title }}</a></div>
    {{ partial "menu" . }}
    <main id="main">
      {{ block "main" . }}main ブロックが見つかりません。{{ end }}
    </main>
  </div>
</body>
</html>

これで少し待つとすべてのページで Google Analytics のデータ取得が有効になります．