feat(marketplace): #44 add google analytics (#191)

package.json

@@ -45,6 +45,7 @@
     "react-datasheet": "^1.4.0",
     "react-datepicker": "^2.9.6",
     "react-dom": "^16.12.0",
+    "react-ga": "^2.7.0",
     "react-google-map": "^3.1.1",
     "react-google-maps-loader": "^4.2.5",
     "react-icons": "^3.7.0",

packages/marketplace/src/core/index.tsx

@@ -8,9 +8,17 @@ import store from './store'
 import Toast from '../components/ui/toast'
 import ToastMessage from '../components/ui/toast-message'
 import { PortalProvider } from '@reapit/elements'
+import ReactGA from 'react-ga'
 
-if (process.env.NODE_ENV === 'production') {
-  Sentry.init({ dsn: process.env.SENTRY_PROJECT_URL_MARKETPLACE })
+const { NODE_ENV, MARKETPLACE_GOOGLE_ANALYTICS_KEY, SENTRY_PROJECT_URL } = process.env
+
+if (NODE_ENV !== 'development' && SENTRY_PROJECT_URL) {
+  Sentry.init({ dsn: (SENTRY_PROJECT_URL as any).MARKETPLACE })
+}
+
+if (NODE_ENV !== 'development' && MARKETPLACE_GOOGLE_ANALYTICS_KEY) {
+  ReactGA.initialize(MARKETPLACE_GOOGLE_ANALYTICS_KEY)
+  ReactGA.pageview(window.location.pathname + window.location.search)
 }
 
 const rootElement = document.querySelector('#root') as Element

yarn.lock

@@ -18408,6 +18408,11 @@ react-focus-lock@^2.1.0:
     use-callback-ref "^1.2.1"
     use-sidecar "^1.0.1"
 
+react-ga@^2.7.0:
+  version "2.7.0"
+  resolved "https://registry.yarnpkg.com/react-ga/-/react-ga-2.7.0.tgz#24328f157f31e8cffbf4de74a3396536679d8d7c"
+  integrity sha512-AjC7UOZMvygrWTc2hKxTDvlMXEtbmA0IgJjmkhgmQQ3RkXrWR11xEagLGFGaNyaPnmg24oaIiaNPnEoftUhfXA==
+
 react-google-map@^3.1.1:
   version "3.1.1"
   resolved "https://registry.yarnpkg.com/react-google-map/-/react-google-map-3.1.1.tgz#e47e42287ef6bc7510422fbfd5014ab2b4a0d1b4"