我花了一些时间在quickcypher.com上开发MVP。我想开始加入一些分析功能，对于跟踪总访问量来说非常好用，但是当我尝试跟踪使用React Router的站点的不同URL时，事情就变得有些复杂了。
我的做法是：设置一个GA标签，在某些页面上触发自定义的“pageview”事件。当事件被触发时，我会将页面字段设置为“/rap”等。我在每个视图的顶级组件的“componentDidMount”方法中触发该事件。使用调试器，我看到事件按预期触发，但是我无法使GA确认该事件。当我简化标签以在“所有页面”上触发时，GA按预期工作，因此我认为问题与React有关。
有人成功实现过这个功能或者遇到类似的问题吗？我的方法错了吗？希望能得到一些指导……谢谢！
<body>标签之后立即放置），然后让您的应用程序正常运行即可。在GTM中创建一个自定义触发器以进行历史更改。
或者只在其中一些上。例如，只在您的生产主机上。
然后添加一个标签用于您的Google Analytics（或其他）并将其配置为在历史记录更改事件上触发，方法是单击“更多”下的“触发器”，然后选择上面创建的触发器。
同样重要的是，我们需要更改标签的高级设置，使其每个事件只触发一次，而不是每个页面触发一次。如果没有这样做，标签将仅在初始页面加载时触发。
willTransitionTo钩子。它还使用了react-google-analytics。首先执行npm install react-google-analytics。var React = require('react');
var Router = require('react-router');
var Route = Router.Route;
var DefaultRoute = Router.DefaultRoute;
var RouteHandler = Router.RouteHandler;
var ga = require('react-google-analytics');
var GAInitiailizer = ga.Initializer;
// some components mapped to routes
var Home = require('./Home');
var Cypher = require('./Cypher');
var App = React.createClass({
mixins: [Router.State],
statics: {
willTransitionTo: function(transition, params, query, props) {
// log the route transition to google analytics
ga('send', 'pageview', {'page': transition.path});
}
},
componentDidMount: function() {
var GA_TRACKING_CODE = 'UA-xxxxx';
ga('create', GA_TRACKING_CODE);
ga('send', 'pageview');
},
render: function() {
return (
<div>
<RouteHandler />
<GAInitiailizer />
</div>
);
}
});
var routes = (
<Route path="/" handler={App} >
<DefaultRoute handler={Home} />
<Route name="cypher" path="/cypher" handler={Cypher} />
</Route>
);
Router.run(routes, function (Handler) {
React.render(<Handler />, document.body);
});
module.exports = App;