Reactjs React路由器浏览器路由器历史推送&；谷歌分析

我有一个旋转木马组件，我想更改URL，以便google analytics可以看到用户执行了哪些步骤（无需重新加载页面）

我使用React Router及其BrowserRouter组件，借助

this.props.history.push（`${value}`），更新路由

和

使用路由器

成功更新URL路由。但谷歌分析似乎看不到区别。。。如果您想检查行为，网站位于此链接：

---

通常，您的Google Analytics详细信息会添加到HTML文件中，并在加载时触发页面视图。当你访问同一网站的另一个页面时，Google Analytics将在那里实现，它将记录新页面

在单页应用程序中，路由由客户端负责，无需重新加载页面。你要寻找的是一种让Google Analytics知道它应该在采取某项操作时记录页面视图的方法。它可以是单击事件、状态更改或路由更改。这取决于你

要实现这一点，您可以使用库。按以下方式使用它

// Import it at the top of the file
import ReactGA from 'react-ga';

// Initialize it once, e.g. in your componentDidMount for example.
ReactGA.initialize('UA-000000-01');

// Whenever you want to log anything to Google Analytics, use the below. 
ReactGA.pageview('/carousel/#1');

注意：

---

在实现

.pageview（[url]）

功能时要小心。如果不小心，它可能会在重新渲染时触发。这意味着你的数据中会出现错误的页面浏览量，从而扭曲了你的分析。

GA不会在历史推送中触发任何点击。如果有历史推送，那么您需要通过在页面视图上放置触发器来触发页面视图。在您的帮助下，我能够找到这个模块，我认为它有望完成此任务：！非常感谢

//无论何时你想在Google Analytics上记录任何东西，使用下面的

都会遗漏一些重要的东西，在我看来，标准功能是当路由器更改history.location时-因此这个功能必须是自动的，而不是手动调用。