Merge branch 'feature/google-analytics' into dev

Author: gocreating

configs/project/client.js

@@ -1,3 +1,11 @@
 module.exports = {
   firebase: require('./firebase/client'),
+  GA: {
+    development: {
+      trackingID: 'UA-86112397-2',
+    },
+    production: {
+      trackingID: 'UA-86112397-1',
+    },
+  },
 };

package.json

@@ -112,6 +112,7 @@
     "react": "^15.3.2",
     "react-bootstrap": "^0.30.5",
     "react-dom": "^15.0.2",
+    "react-ga": "^2.1.2",
     "react-helmet": "^3.0.2",
     "react-intl": "^2.1.2",
     "react-native": "^0.31.0",

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;
+};