Nuxt.jsにGoogle Analyticsを導入する方法

今回は、Nuxt.jsにGoogle Analyticsを導入する方法を解説しています。
Google Analyticsを導入することで、サイトの閲覧数やユーザー数を確認することができます。設定していない方はやっておきしょう。

Nuxt.jsにGoogleアナリティクスを導入するには、以下の方法があります。

今回は、@nuxtjs/google-analyticsというライブラリを使って導入していきます。

Google Analyticsのアカウントを作る

Googleアナリティクスに登録しておく必要があります。

登録すると'UA-XXX-X'というトラッキングIDが発行されるので、そちらを使ってNuxt.jsに統合していきます。

ライブラリをインストール

yarn add --dev @nuxtjs/google-analytics

nuxt.config.jsの設定

export default {
  buildModules: [
    '@nuxtjs/google-analytics'
  ],

  googleAnalytics: {
    id: 'UA-XXX-X',
  }
}

以上でGoogleアナリティクスの設定はおわりです。

デプロイして、コンソールから確認してみてください!