Nuxt.jsでGoogle Analyticsを利用する方法
現在Nuex.js + contentful + Netlify でサイトを制作しています。今回のnoteでは、Nuxt.jsで構築したサイトにGoogle Analyticsを導入する方法を記載します。
Google AnalyticsよりトラッキングID取得
Google AnalyticsよりトラッキングIDを取得します。
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を入れることができました。
読んでいただきありがとうございます。