reactjs - 如何跟踪 React 上的页面浏览量

Question

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

<小时/>

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

Answer 1

您需要使用这样的 Route 查找所有路径，

<Route path="/" component={updateTracking} />
<Switch>
   ..... //further actual routes
</Switch>

然后使用 window.location.pathname

使用全局 Google Analytics (ga) 方法(可通过 window 对象访问)发送综合浏览量

const updateTracking = () => {
   window.ga('send', 'pageview', {
      page: window.location.pathname
   });
}

注意:您需要将从 Google Analytics(分析)获得的跟踪代码放入主 HTML (index.html) 中才能正常工作。