Firebase Analytics未跟踪的Vue路由器路由

7gs2gvoe  于 2023-02-25  发布在  其他
关注(0)|答案(2)|浏览(184)

我想知道在为Vue应用程序设置Firebase Analytics时是否遗漏了某些配置(我想一般来说,对于SPA来说),让它跟踪页面更改,因为当我在Firebase的DebugView中时,它不会跟踪page_view,除非我刷新页面或手动输入一个URL到浏览器中。我知道对于常规的谷歌分析模块(vue-analytics)你必须在初始化时传递路由器对象,这样它才能工作(more about that),所以对我来说,你必须对Firebase分析做一些类似的事情是有意义的,但是我在文档中找不到任何关于它的东西。
我试过从我的router.afterEach() guard手动调用logEvent('page_view'),但是它会多次记录每个页面的更改。
请让我知道,如果有任何信息或演示代码,你想让我包括在内。

m528fe3b

m528fe3b1#

所以这本身并不能解决问题,但这是我要做的,直到一个更好的答案沿着。
logEvent('page_view')router.afterEach() guard移动到router.beforeEach() guard可以防止它在Firebase Analytics中被多次记录,并且添加一个自定义的type参数可以让我区分实际的页面更改/加载和内部的“SPA”页面更改/加载。

router.beforeEach(async (to, from, next) => {
  firebase.analytics().logEvent('page_view', { type: 'internal' });
});
6vl6ewon

6vl6ewon2#

使用Google Analytics在单页应用程序中跟踪 page_view 可能很棘手
您可以转到Google Analytics Dashboard并打开增强的测量
管理〉数据流〉选择您的数据流〉激活增强的测量
您可以在这里阅读更多:Track Single Page App with Google Analytics 4

相关问题