如何使用React Router向Google Analytics添加自定义维度？

Question

我目前的分析设置如下：

this.context.router.listen(location => {
  analytics.page(location.pathname, {
    title: document.title,
    url: `${config.HOST_URL}${this.context.router.createHref(location)}`,
    path: this.context.router.createHref(location),
    referrer: document.referrer,
    state: location.state,
  });
});

location对象中的数据量非常小。问题是，如何获取有关componentDidMount块中加载的项目的信息到页面跟踪中？

在此特定实例中，我尝试将有关用户正在查看的艺术作品的信息添加到Google分析中作为自定义维度。以下链接显示了通常如何添加。

https://support.google.com/analytics/answer/2709828?hl=en#example-hit

我正在使用react-router v2

Answer 1

根据给出的信息，我要说你最好的选择是在你想要添加更多数据的页面上，如果加载那个页面，就会在监听器中将条件设置为NOT log。然后在您拥有数据的componentDidMount中调用页面的分析。

基本上只是为需要更多数据的页面覆盖它。