【JS】GatsbyのGoogleAnalyticsはv4対応のgatsby-plugin-google-gtagを使おう

いいね！ツイート LINE

こんにちは！ GoogleAnalyticsをエンジニアじゃない人に見せた時の反応が好きなMizutani(@sirycity)です。 「えっこんな分かるの！？怖っ！？」 みたいなリアクション。

今日はそんなGoogleAnalytics(GA)をGatsby.jsに設定する時のライブラリの話について。

GatsbyにGAを設置するライブラリは復数ある

GA設置系ライブラリは結構あります。特に有名なのがこの2つ。

analyticsの方が3倍くらい人気。

使い方はどっちも超簡単で、それぞれgatsby-config.jsにこうやって書くだけ。

module.exports = {
  plugins: [
    {
      resolve: 'gatsby-plugin-google-analytics',
      options: {
        trackingId: 'UA-000000000-0',
      },
    },
  ],
}

module.exports = {
  plugins: [
    {
      resolve: 'gatsby-plugin-google-gtag',
      options: {
        trackingIds: ['UA-000000000-0'],
        pluginConfig: {
          head: true,
        },
      },
    },
  ],
}