Tzz.Dev

HugoのGoogleアナリティクス設定

この記事を読むのに必要な時間は約1分です。

    HugoはGoogleアナリティクスのV3とV4両方サポートしています、今回はV４を使います。

    1. 測定IDの設定

      設定ファイル（config.toml）で測定IDを設定します

      1

      googleAnalytics = 'G-MEASUREMENT_ID' (*G-MEASUREMENT_IDは自分の測定IDに設定*)

    2. テンプレートの設定

      Hugoは下記２つのテンプレートを提供しています。

      • _internal/google_analytics.html

      • _internal/google_analytics_async.html

      V4の場合は　_internal/google_analytics.html を使いましょう

      layouts/partials/footer.html に下記追加

      1

      {{ template "_internal/google_analytics.html" . }}

    以上でGoogleアナリティクスの設定が完了しました、結果を確認しましょう。