cezarneaga
9/6/2017 - 8:27 PM

React Router with Google Analytics

React Router with Google Analytics

import React from 'react';
import GoogleAnalytics from 'react-ga';

if (process.env.REACT_APP_ENVIRONMENT === 'production') {
  GoogleAnalytics.initialize('UA-91111111-1');
}

const withGA = WrappedComponent => {
  const trackPage = page => {
    GoogleAnalytics.set({ page });
    GoogleAnalytics.pageview(page);
  };

  const HOC = props => {
    const page = props.location.pathname;
    trackPage(page);

    return <WrappedComponent {...props} />;
  };

  return HOC;
};

export default withGA;