Q. Gridsomeの便利なリンク集を知りたい

プラグインを追加するだけOKです。

GridsomeでGoogle Analyticsを使う方法は二つあります。どちらもプラグインを追加するだけでGoogle AnalyticsをGridsomeプロジェクトに組み込むことができます。

Google Analytics v3の場合

Google Analyticsの旧バージョンを使っている場合は、公式プラグインの「@gridsome/plugin-google-analytics」をインストールすれば、すぐにGoogle Analyticsを統合できます。

yarn add @gridsome/plugin-google-analytics

// or

npm install @gridsome/plugin-google-analytics

プラグインがインストールできたら、grdisome.config.jsに設定を書きます。

module.exports = {
  plugins: [
    {
      use: '@gridsome/plugin-google-analytics',
      options: {
        id: 'UA-XXXXXXXXX-X' // <== ここを書き換える
      }
    }
  ]
}

簡単ですね。

Google Analytics v4の場合

Google Analyticsの現行バージョンであるv4は、トラッキング方法が変わっているため、Googleタグマネージャーと一緒に使う必要があります。

ただ、GridsomeでGoogleタグマネージャーを使うのも、プラグインをインストールして設定を書くだけなので、非常に簡単です。

yarn add gridsome-plugin-gtm

// or

npm install gridsome-plugin-gtm --save

プラグインがインストールできたら、grdisome.config.jsに設定を書きます。

module.exports = {
  plugins: [
    {
      use: 'gridsome-plugin-gtm',
      options: {
        id: 'GTM-XXXXXXX', // <== ここを書き換える
        enabled: true,
        debug: true
      }
    }
  ]
}

これで、Googleタグマネージャー経由で、Google Analyticsのデータが計測可能になります。