如何在 React 上跟踪页面浏览量

Question

所以基本上我遇到的问题是我的网站使用的是 reactjs，所以它不会重新加载，我需要检测 URL 上的更改，以便向 Google Analytics 发送新的综合浏览量。有没有人处理过这个问题？

---

编辑：也许我有点不清楚，我使用 Google 标签管理器，我无法控制页面上的代码，但我可以请求 dataLayers。显而易见的解决方案是在页面更改时请求 dataLayer 但由于我想避免这样做，我严格询问是否有人知道从 GTM 检测 DOM 上的此类更改的方法。

Answer 1

对于单页应用程序，您可以跟踪“虚拟”综合浏览量，如文档中给出的：

当页面改变时，执行

ga('set', 'page', '/new-page.html');

在此之后，如果您执行“发送”，它将跟踪此页面。

ga('send', 'pageview');

我建议你使用像react-ga这样的东西来更方便一些，它有类似的功能

ReactGA.pageview('/about/contact-us'); 和ReactGA.modalview('/about/contact-us');