vue-gtag使用時、GA4にpage_viewが2回計測されてしまう - Qiita

はじめに gtag.jsやga4の動作に詳しくなかったので、備忘録のために残しています。 記載が簡潔すぎることをご容赦ください。 前置き Vue.js（2.x）製のSPAサイトのアクセスを、既存のGA３に加えて、GA4でも計測することになりました。 トラッキング周りはvue-analyticsを使っていましたが、GA4にはgtag.jsが必要だったため、vue-gtagを導入しました。 vue-gtagのAuto trackingを設定すると、router-linkクリック時にGA4にpage_viewイベントが送信されているのが確認できました。 が、GA4コンソールのdebug viewでよくよく見てみると、同じページでpage_viewが２回送信されているのに気がつきました。 結論 GA4のデータストリームの設定画面からブラウザの履歴イベントに基づくページの変更というチェックを外したら