Question

我需要使用Google Analytics（分析）集成我的React应用程序。我找到了看起来可靠且易于使用的react-ga库。但是我过去没有使用过Google Analytics（分析），但有一些麻烦之处。首先，我在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;

您能帮我解决这个问题吗？非常感谢

使用react-ga跟踪主页的访问者

0 个答案: