noguzo blog

Gatsbyで作成したサイトにGoogleAnalyticsを導入する

2019.09.29


Gatsbyで作成したサイトにGAを導入します。

前提

  • Gatsbyでサイトを作成している
  • すでにGAのトラッキングIDを発行済

GAを導入

STEP1: gatsby-plugin-google-analyticsをインストール

npm i -S gatsby-plugin-google-analytics

STEP2: トラッキングIDを設定

gatsby-config.jsにトラッキングコードを設定します。

pluginsに以下の設定を追加。 trackingIdには取得済のトラッキングIDを設定してください。

plugins: [
  {
    resolve: `gatsby-plugin-google-analytics`,
    options: {
      trackingId: ``, // ここにトラッキングIDを設定!
    }
  }
]

これで設定は完了です。

おしまい。


Frontend engineer.