moved google analytics id to state

helpers/handlePageRender.jsx

@@ -4,7 +4,7 @@ import { createStore } from 'redux';
 import Reducer from '../react/reducers';
 import { Provider } from 'react-redux';
 import { StaticRouter } from 'react-router-dom';
-import GAListener from '../react/components/GAListener';
+import GAListener from '../react/containers/GAListener';
 import App from '../react/app';
 import renderFullPage from './renderFullPage.js';
 import Helmet from 'react-helmet';

helpers/handleShowRender.jsx

@@ -4,7 +4,7 @@ import { createStore, applyMiddleware } from 'redux';
 import Reducer from '../react/reducers';
 import { Provider } from 'react-redux';
 import { StaticRouter } from 'react-router-dom';
-import GAListener from '../react/components/GAListener';
+import GAListener from '../react/containers/GAListener';
 import App from '../react/app';
 import renderFullPage from './renderFullPage';
 import createSagaMiddleware from 'redux-saga';

react/client.js

@@ -7,7 +7,7 @@ import Reducer from 'reducers';
 import createSagaMiddleware from 'redux-saga';
 import rootSaga  from 'sagas';
 
-import GAListener from 'components/GAListener';
+import GAListener from 'containers/GAListener';
 import App from './app';
 
 // get the state from a global variable injected into the server-generated HTML

react/containers/GAListener/index.jsx

@@ -0,0 +1,10 @@
+import { connect } from 'react-redux';
+import View from './view';
+
+const mapStateToProps = ({ site: { googleAnalyticsId } }) => {
+  return {
+    googleAnalyticsId,
+  };
+};
+
+export default connect(mapStateToProps, null)(View);

react/containers/GAListener/view.jsx

@@ -1,9 +1,6 @@
 import React from 'react';
 import GoogleAnalytics from 'react-ga';
 import { withRouter } from 'react-router-dom';
-const {analytics: googleId} = require('../../../config/siteConfig.js');
-
-GoogleAnalytics.initialize(googleId);
 
 class GAListener extends React.Component {
   componentDidMount () {
@@ -17,6 +14,10 @@ class GAListener extends React.Component {
   }
 
   render () {
+    // initiate analytics
+    const { googleAnalyticsId } = this.props;
+    GoogleAnalytics.initialize(googleAnalyticsId);
+    // return children
     return this.props.children;
   }
 }

react/reducers/site.js

@@ -1,11 +1,13 @@
 const siteConfig = require('../../config/siteConfig.js');
 
 const {
-  details: { title, host },
+  analytics: { googleId: googleAnalyticsId },
   assetDefaults: { thumbnail: defaultThumbnail },
+  details: { title, host },
 } = siteConfig;
 
 const initialState = {
+  googleAnalyticsId,
   host,
   title,
   defaults: {