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',
],