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