Nuxt.jsでGoogle Analyticsを利用する方法

現在Nuex.js + contentful + Netlify でサイトを制作しています。今回のnoteでは、Nuxt.jsで構築したサイトにGoogle Analyticsを導入する方法を記載します。

Google AnalyticsよりトラッキングID取得

Google AnalyticsよりトラッキングIDを取得します。

https://analytics.google.com/

UA- から始まるトラックングIDが発行されますので、コピーしておいてください。

※Google Analyticsの導入方法がわからないという方は下記をご参照ください。

https://web-kanji.com/posts/google-analytics-setting

Nuxt.jsでの設定

まずはGoogle Analyticsのパッケージをインストールします。下記実行してください。

yarn add @nuxtjs/google-analytics

次に、nuxt.config.jsに下記を追記してください。

modules: [
    ['@nuxtjs/google-analytics', {id: 'Google AnalyticsのトラッキングID'}]
],

※「Google AnalyticsのトラッキングID」には最初に取得したGoogleのトラッキングIDを記入してください。（例：UA-XXXXXX-X）

以上です。とても簡単にGoogle Analyticsを入れることができました。