如何使用 Firebase Analytics 从 SPA（单页应用程序）网络应用程序发送 page_view 事件？

Question

我有一个使用 React + Firebase 构建的 SPA Web 应用程序。

我现在正在使用 Firebase Analytics，我想记录page_view客户端路由页面的事件（因为我的应用程序是单页面应用程序）。

我在 Firebase Analytics 文档中没有找到有关单页应用程序的任何内容。

https://firebase.google.com/docs/analytics/events

但我确实在文档中找到了一些东西gtag.js。

来自： https: //developers.google.com/analytics/devguides/collection/gtagjs/single-page-applications

---

来自： https: //firebase.google.com/docs/analytics/events#log_events_3

您可以在gtag.js 事件参考中找到多个事件及其参数的实现详细信息。

从该事件参考中，我们得知：

从上图中，我们可以看到该page_view事件似乎没有任何与之关联的参数。

问题

page_view我可以看到，在我的应用程序首次加载后，Firebase Analytics 已经发送了第一个事件。

但是，一旦我的用户单击我的内部链接并更改其浏览器 URL（客户端路由，无服务器调用），我如何page_view为生成的新 URL 触发另一个事件react-router-dom？

如何使用 Firebase Analytics 实现此目的？在发送事件之前，我是否需要按照gtag.js文档中的说明更新页面路径？我该怎么做？

Answer 1

由于您的应用程序是单页应用程序，因此只有一个page_view事件。这实际上是正确的行为，因为这意味着您可以使用page_view事件来跟踪应用程序/页面的加载频率。

当应用程序中显示特定屏幕时，您需要触发一个screen_view事件。有关示例，请参阅 AngularFire 库有关跟踪屏幕视图的文档。