GatsbyJS製のサイトにGoogleAnalyticsを導入する

July 30, 2019

GatsbyJSで作ったサイトにGoogleAnalyticsを導入します。思いの外、簡単にできたので拍子抜けしました。

アカウントを作成

GAの管理画面から新しくアカウントを作成します。

スクリーンショット 2019-07-30 10.44.55.png

Google AnalyticsをGatsbyJSプロジェクトに設定する

Adding analytics のページの通り進めると簡単に導入できます。

gatsby-plugin-google-analyticsのインストール

gatsby-plugin-google-analyticsというプラグインで簡単にサイトにGAを追加することができます。

npm install --save gatsby-plugin-google-analytics

gatsby-config.jsに以下の設定を追加します。trackingIdはGAの管理画面から参照できるIDです。

{
  resolve: "gatsby-plugin-google-analytics",
  options: {
    trackingId: "UA-XXXX"
  }
},

これで設定完了です。