Nuxt.jsでGoogleAnalytics4(GA4)をどのように設定すればいいですか?

GoogleAnalytics4(GA4)は、Nuxt.jsで提供されている@nuxtjs/google-gtagや@nuxtjs/gtmでもまだ対応がされていないようです。(2021-08-08時点)

下記のようにpluginを作ることで対応できますので、参考にしてみてください。

vue-gtagモジュールが必要です。

npm i vue-gtag

pluginsフォルダに以下のファイルをgtag.jsというファイル名で作成します。

import Vue from 'vue';
import VueGtag from 'vue-gtag';
Vue.use(VueGtag, {
    config: { id: 'G-********' }
});

nuxt.config.jsに以下の記述を追加します。

    plugins: [
        '@/plugins/gtag',
    ],

お探しのページは見つかりましたか?解決しない場合は、問い合わせフォームからお問い合わせいただくか、Slackコミュニティにご参加ください。