firebase - Firebase Analytics 未跟踪的 Vue Router 路由

Question

我想知道在为 Vue 应用程序(以及一般的 SPA，我想)设置 Firebase Analytics 以使其跟踪页面更改时，我是否可能遗漏了一些配置，因为当我在 Firebase 的 DebugView 中，它不会跟踪 page_view，除非我刷新页面或在浏览器中手动输入 URL。我知道对于常规的 Google Analytics 模块 (vue-analytics) 你必须在初始化时将路由器对象传递给它才能工作 ( more about that ) 所以对我来说你有用 Firebase Analytics 做类似的事情，但我在文档中找不到任何关于它的内容。

我已经尝试从我的 router.afterEach() 守卫手动调用 logEvent('page_view')，但随后它会多次记录每个页面更改。

如果您希望我包含任何信息或演示代码，请告诉我。

Answer 1

所以这本身并不能解决问题，但在出现更好的答案之前，我会继续这样做。

将 logEvent('page_view') 从 router.afterEach() 守卫移动到 router.beforeEach() 守卫阻止它从在 Firebase Analytics 中多次记录，并添加自定义 type 参数允许我区分实际页面更改/加载和内部“SPA”页面更改/加载。所以(的相关部分)我的路由器代码现在看起来像这样:

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