如何使用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

我使用的反应路由器V2

Answer 1

从给出的信息，我会说你最好的选择是要添加更多的数据放在一个条件在听者的页面不记录是否加载该页面。然后在您有数据的componentDidMount中调用页面的分析。

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