[nuxt3]GoogleAnalytics設定について

トップ ― [nuxt3]GoogleAnalytics設定について

投稿者 : TomoyaOkada

公開日:

更新日:

[nuxt3]GoogleAnalytics設定について

Vue/Nuxt

目次

こんにちは。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'
    }
  })
})


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




■パートナー募集について
運営元であるkraftでは一緒に活動するパートナーを募集しています。
個々が協力していくことによってクオリティの高い制作をおこなっていくことができると考えています。
ご興味のある方は、こちらよりご連絡いただけますと幸いです。(※運営元の事業サイトに飛びます)

具体的な内容については以下URLをご確認ください。
パートナー募集の詳細について

記事をシェア

  • Twitter
  • FaceBook
  • hatena