GA SETUP

package.json

@@ -70,6 +70,7 @@
  "react": "^16.13.1",
  "react-compound-slider": "^2.5.0",
  "react-dom": "^16.13.1",
+ "react-ga": "^3.3.0",
  "react-loading-skeleton": "^2.1.1",
  "react-modal": "^3.11.2",
  "react-phone-input-2": "^2.13.8",

src/App.js

@@ -1,17 +1,23 @@
-import React, { StrictMode } from 'react';
+import React, { StrictMode, useEffect } from 'react';
 import { Provider } from 'react-redux';
 import { PersistGate } from 'redux-persist/integration/react';
 import AppRouter from 'routers/AppRouter';
 import Preloader from 'components/ui/Preloader';
+import ReactGA from "react-ga";
 
-const App = ({ store, persistor }) => (
+
+const App = ({ store, persistor }) => {
+ useEffect(()=>{
+ ReactGA.initialize('UA-128284894-4')
+ }, [])
+ return(
  <StrictMode>
  <Provider store={store}>
  <PersistGate loading={<Preloader />} persistor={persistor}>
  <AppRouter />
  </PersistGate>
  </Provider>
  </StrictMode>
-);
+)};
 
 export default App;

src/routers/AppRouter.js

@@ -30,9 +30,14 @@ import AdminRoute from './AdminRoute';
 import Shop from 'views/shop';
 import FeaturedProducts from 'views/featured';
 import RecommendedProducts from 'views/recommended';
+import ReactGA from "react-ga";
 
 export const history = createBrowserHistory();
 
+history.listen((location) => {
+ ReactGA.pageview(location.pathname);
+});
+
 const AppRouter = () => (
  <Router history={history}>
  <Switch>