Integrate react-ga with react-router

src/client/index.js

@@ -9,11 +9,13 @@ import rootReducer from '../common/reducers';
 import getRoutes from '../common/routes';
 import setupLocale from './setupLocale';
 import setupNProgress from './setupNProgress';
+import setupGA from './setupGA';
 import { setApiEngine } from '../common/actions/apiEngine';
 import ApiEngine from '../common/utils/ApiEngine';
 
 setupNProgress();
 setupLocale();
+let logPageView = setupGA();
 const initialState = window.__INITIAL_STATE__;
 let store = createStore(rootReducer, initialState, applyMiddleware(thunk));
 
@@ -34,7 +36,11 @@ match({
   render(
     <Provider store={store}>
       <LocaleProvider>
-        <Router history={browserHistory} {...renderProps}>
+        <Router
+          history={browserHistory}
+          onUpdate={logPageView}
+          {...renderProps}
+        >
           {routes}
         </Router>
       </LocaleProvider>

src/client/setupGA.js

@@ -0,0 +1,14 @@
+import reactGA from 'react-ga';
+import configs from '../../configs/project/client';
+
+export default () => {
+  if (configs.GA) {
+    reactGA.initialize(configs.GA[process.env.NODE_ENV].trackingID);
+
+    return function logPageView() {
+      reactGA.set({ page: window.location.pathname });
+      reactGA.pageview(window.location.pathname);
+    };
+  }
+  return undefined;
+};