Vueでvue-gtagを利用してGoogle Analytics4(GA4)の計測を行う方法

前提条件

• VueRouterを利用している事

手順

1. vue-gtagをインストールする

# Vue3
npm i vue-gtag

# Vue2
npm i vue-gtag@1.16.1

2. app.jsを編集する

import VueGtag from 'vue-gtag'

Vue.use(VueGtag, {
  config: {
    id: 'G-**********'
  }
}, router)

実行結果

旧バージョンからGA4に移行する手順

1. 「GA4設定アシスト」を開く

2. 画面の指示に従う

3. 「データストリーム」を開く

4. 「測定ID」をメモする

参考

https://github.com/MatteoGabriele/vue-gtag