GatsbyJSにGoogleアナリティクスを設定する

まずはプロジェクトにGoogle アナリティクスのプラグインを入れます。

yarn add gatsby-plugin-google-analytics

gatsby-config.jsに以下を追加します。 この時注意が必要なのが、アナリティクスのプラグインはpluginsの中の一番最初に書いておくこと。 他のプラグインの下に書いてしまうとなんかエラーが出てしまう。一番上に持ってきたら直った。よかったよかった。

plugins: [
    {
      resolve: `gatsby-plugin-google-analytics`,
      options: {
        trackingId: `UA-XXXXXX`, // ここに自分のトラッキングIDを入れる
        head: true, // これを書かないとbodyに挿入される
        respectDNT: true,
      },

その他のオプションについてはドキュメントを見ると良いです。 gatsby-plugin-google-analytics | Gatsby