メインコンテンツまでスキップ

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コミュニティにご参加ください。