🌍

netlify+gatsbyでお手軽Google Analytics

1 min read
  • netlifyでhostingしている場合のみ
  • 2020/12現在: GA4の計測コード(G-からはじまるやつ)はgatsby-plugin-google-analyticsが対応していませんが、UAコードを再発行すればいけます。こちらを参照

1. gatsby-plugin-google-analyticsを追加

yarn add gatsby-plugin-google-analytics

2. gatsby-config.jsのpluginを調整

  • gatsby-config.jsのpluginsで一番最初に読まれるようにする
  • headオプションを追加する
  plugins: [
    {
      resolve: `gatsby-plugin-google-analytics`,
      options: {
        trackingId: "process.env.GOOGLE_ANALYTICS_ID",//デフォルト値
        head: true, //これ追加
      },
    },
  ],

3. netlifyの Site settings/Build & deploy/Environmentを開く

4. 「New variable」からGAのトラッキングコードを入力します。

Key: GOOGLE_ANALYTICS_ID
Value: {tracking code}

5. これで終わり

GA見れば計測されているはず

Discussion

ログインするとコメントできます