Matomo (Piwik) 在 React App 中跟踪错误的 URL

Question

我有一个围绕 React 的 SPA 构建，带有 react-router，使用浏览器历史 API 来处理位置更改。我还安装和配置了 Matomo（以前称为 Piwik）。

我编写了一个中间件，用于监听路由器的 @@router/LOCATION_CHANGE 动作，并在每次触发此类动作时调用 Matomo 跟踪器的 .trackPageVisit()。

问题是，Matomo 每次都以某种方式只跟踪第一页的 URL。

所以，如果我使用http://localhost 进入然后移动到http://localhost/page，Matomo 将跟踪http://localhost 两次，而不是后者是page。当输入/page 并移动到/login 时，我将在报告中看到/page 被跟踪两次。这让我得出一个结论，在我的配置中，Matomo 不知何故没有通过history.pushState 处理浏览器的历史操作。我正在寻找可能是什么原因的想法。

Answer 1

事实证明，Matomo 本身并不支持 pushState。 您需要使用setCustomUrl 手动执行此操作，然后调用trackPageView()。

更多信息可以在这里找到： https://matomo.org/blog/2017/02/how-to-track-single-page-websites-using-piwik-analytics/