DEVDEV

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

作成日
2020-11-03
更新日
2021-03-02

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

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

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

Google Analyticsのアカウントを作る

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

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

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

bash
yarn add --dev @nuxtjs/google-analytics

nuxt.config.jsの設定

js
export default { buildModules: [ '@nuxtjs/google-analytics' ], googleAnalytics: { id: 'UA-XXX-X', } }

以上でGoogleアナリティクスの設定はおわりです。
デプロイして、コンソールから確認してみてください!

Related