2

我需要使用谷歌分析集成我的反应应用程序。我发现 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;

你能帮我解决这个问题吗?非常感谢

4

0 回答 0