Google跟踪代码管理器+ React App =错误的标题

时间:2017-05-03 19:16:43

标签: reactjs google-analytics google-tag-manager helmet.js

我在React写了应用程序。上一天我实施了Google跟踪代码管理器。我创建了标签,触发器(historyChange)。在谷歌anaytics实时我看到网址的每一个变化,但标题是错误的。

例如:/ url - title

/people - People
/video - People
/contact - Video
/people - Contact

我的头衔总是退步。 我使用react-helmet动态设置头部,标题也是。

1 个答案:

答案 0 :(得分:0)

这是由于React-Helmet的更新延迟造成的。由于跟踪代码管理器正在侦听historyChange,因此在包含React-helmet的组件已正确呈现并且页面跟踪后标题正在更改之前,它会触发。

一种可能的解决方案是将标记管理器包装在setTimeout中。

您可以在此处详细了解: https://github.com/nfl/react-helmet/issues/189