React-google analytics 달기

React-google analytics 달기

> ReactGA npm 사용하기

https://milooy.wordpress.com/2016/01/14/google-analtyics-2-google-tag-manager/ 참고

import React from 'react';
import ReactDOM from 'react-dom';
import { Provider } from 'react-redux';
import { ConnectedRouter } from 'react-router-redux';
// import { BrowserRouter } from 'react-router-dom';
import { AppContainer } from 'react-hot-loader';
​
import createHistory from 'history/createBrowserHistory';
​
import App from 'src/App';
import createNewStore from 'src/redux/createNewStore';
​
import registerServiceWorker from './registerServiceWorker';
import './index.scss';
​
const history = createHistory();
const store = createNewStore(history);
​
const ReactGA = require('react-ga');
​
ReactGA.initialize('UA-69160528-10', { debug: true });
​
const onUpdate = () => {
  ReactGA.set({ page: window.location.pathname });
  ReactGA.pageview(window.location.pathname);
};
​
const render = Component => {
  ReactDOM.render(
    <AppContainer>
      <Provider store={store}>
        <ConnectedRouter onUpdate={onUpdate} history={history}>
          <Component />
        </ConnectedRouter>
      </Provider>
    </AppContainer>,
    document.getElementById('root')
  );
};
​
render(App);
​
if (module.hot) {
  module.hot.accept('src/App', () => {
    render(App);
  });
}
​
registerServiceWorker();
​