WordPressから記事をHugoに大体移植したで書いた通り、旧ブロブのアナリティクスをみると想像以上にアクセスがきていたので、このブログにリダイレクトするようにした。

そのうえで、このブログでもPVを確認できるよう、GA4を導入した。

まずはhugo.yamlに下記を追加する。

services:
  googleAnalytics:
    id: G-**********

次に/layouts/_internal/google_analytics.htmlを作成してテンプレートを追加する。

{{- with site.Config.Services.GoogleAnalytics.ID }} {{- if hugo.IsProduction }}
{{- $ga4 := resources.GetRemote
"https://cdn.jsdelivr.net/npm/@minimal-analytics/ga4/dist/index.js" }} {{-
$track := resources.Get "js/track.js" }} {{- $opts := dict "params" (dict
"trackingId" . ) }} {{- $track = $track | js.Build $opts -}} {{- $stats := slice
$track $ga4 | resources.Concat "js/analytics.js" | minify | fingerprint }}
<script
  src="{{ $stats.RelPermalink }}"
  integrity="{{ $stats.Data.Integrity }}"
></script>
{{- end }} {{- end -}}

最後にassets/js/track.jsを作成し、

import params from "@params";

window.minimalAnalytics = {
  trackingId: params.trackingId,
  autoTrack: true, // <-- init tracking
  defineGlobal: true,
};

という風に記述する。

たったこれだけでトラッキングできるようになる。

あとはGA4にリアルタイムで無事に集計できているか確認出来れば問題ない。