我需要使用谷歌分析集成我的反应应用程序。我发现 react-ga 库看起来可靠且“易于”使用。但我过去没有使用谷歌分析,我遇到了一些困难。首先,我在 react-ga github 项目的演示页面中使用 withTracker 组件,然后在我的路由器中,我用这个包装器包装了我的主页组件。我需要做一个非常简单的任务,但我找不到如何做。我需要跟踪访问主页的访问者数量。withTracker 组件是这样的:
import React, { Component } from 'react';
import ReactGA from 'react-ga';
const withTracker = (WrappedComponent, options = {}) => {
const trackPage = (page) => {
ReactGA.set({
page,
options
});
ReactGA.pageview(page);
};
class HOC extends Component {
componentDidMount() {
const page = this.props.location.pathname;
trackPage(page);
}
componentWillReceiveProps(nextProps) {
const currentPage = this.props.location.pathname;
const nextPage = nextProps.location.pathname;
if (currentPage !== nextPage) {
trackPage(nextPage);
}
}
render() {
return <WrappedComponent {...this.props} />;
}
}
return HOC;
};
export default withTracker;
我的主页是这样的:
import React, { PropTypes } from 'react';
import Footer from './header/footer';
const Main= props => (
<div>
<Footer/>
</div>
);
export default MainExperienceComponent;
你能帮我解决这个问题吗?非常感谢