Nuxt.jsでGoogleAnalytics4(GA4)をどのように設定すればいいですか?
@nuxtjs/google-gtag
を利用します。
@nuxtjs/google-gtagを利用する方法
@nuxtjs/google-gtagをインストールする
プロジェクトにGoogle Analytics用のモジュール @nuxtjs/google-gtag
をインストールします。
下記実行します。
npm install --save @nuxtjs/google-gtag
nuxt.config.jsにモジュール追加
nuxt.config.jsにGoogle Analyticsの設定をします。
nuxt.config.jsを開き、下記追記します。
nuxt.config.js
modules: [
'@nuxtjs/google-gtag'
],
'google-gtag': {
id: "G-XXXXXXX",
debug: false
},
注意
G-XXXXXXXには、ご自身のトラッキング IDを入力してください。
参考
他にも、@nuxtjs/gtm
を使う方法でも対応可能です。
詳しくはGoogle Analytics連携方法のドキュメントを参照してください。
サポート
お探しのページは見つかりましたか?解決しない場合は、問い合わせフォームからお問い合わせいただくか、Slackコミュニティにご参加ください。