Zenn
🌍

netlify+gatsbyでお手軽Google Analytics

2020/12/03に公開
Gatsby.js
Google Analytics
Netlify
tech

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