Nuxtで構築しているサイトで「nuxt-community/analytics-module」を使って、Google Analyticsのページビューを計測する時にちょっと詰まったのでメモです。
発生した問題
READMEの内容に沿って設定を終えた後に動作確認をした所、ページ遷移を行った時にGA側に送信されるURLは正しいのですが、ページタイトルが一つ前のページの内容で送信される問題に出くわしました。
どんな対応をしたか
「Timing issue with vue-meta」というIssueを見つけました。
Issueを読みすすめると、どうやら transion 周りの挙動が影響しているらしく・・・・。
nuxt.config.js にこちらの設定を追加すれば良いとの事。
features: {
transitions: false
},
vueMeta: {
refreshOnceOnNavigation: true
}
ただし、この設定を行うとページ遷移時のスクロール位置が正しく動作しない為、scrollbehaviorの調整も必要となります。