• HOME
  • [nuxt3]GoogleAnalytics設定について
TomoyaOkada

[nuxt3]GoogleAnalytics設定について

記事をシェアする

こんにちは。okadaです。
毎回nuxtでanalyticsを設定する方法を忘れてはググっているので、nuxt3での設定方法を備忘録として載せておきます、!

モジュールのインストール

以下のモジュールがnuxt3に対応しているようですので、こちらを使っていきます。

yarn add vue-gtag-next



pluginsに追加

analytics.jsを作成します。

import VueGtag from 'vue-gtag-next'
export default defineNuxtPlugin((nuxtApp) => {
  nuxtApp.vueApp.use(VueGtag, {
    property: {
      id: 'G-xxxxxxxxx'
    }
  })
})


基本設定は以上です。
自分はこれで使えるようになったので、いけると思い...ます!!


記事をシェアする