add GTM analytics module

gear-foundation · Sep 11, 2023 · c1fe9e8 · c1fe9e8
1 parent 5456d78
commit c1fe9e8
Show file tree

Hide file tree

Showing 4 changed files with 22 additions and 14 deletions.
diff --git a/frontend/package-lock.json b/frontend/package-lock.json
diff --git a/frontend/package.json b/frontend/package.json
@@ -29,6 +29,7 @@
     "react-datepicker": "4.15.0",
     "react-dom": "18.2.0",
     "react-dropzone": "14.2.3",
+    "react-gtm-module": "2.0.11",
     "react-router": "6.15.0",
     "react-router-dom": "6.15.0",
     "react-scripts": "5.0.1",
@@ -40,6 +41,7 @@
     "@types/node": "18.17.14",
     "@types/react-datepicker": "4.11.2",
     "@types/react-dom": "18.2.7",
+    "@types/react-gtm-module": "2.0.1",
     "eslint-config-airbnb": "19.0.4",
     "eslint-config-airbnb-typescript": "17.1.0",
     "eslint-config-prettier": "8.8.0",

diff --git a/frontend/src/index.tsx b/frontend/src/index.tsx
@@ -1,8 +1,14 @@
 import { createRoot } from 'react-dom/client';
+import TagManager from 'react-gtm-module';
 import { App } from '@/App';
-
 import './styles/global.scss';
 
+if (process.env.NODE_ENV === 'production') {
+  TagManager.initialize({
+    gtmId: 'GTM-5H6FVXRQ',
+  });
+}
+
 const container = document.getElementById('root');
 const root = createRoot(container as Element);
 

diff --git a/frontend/src/reportWebVitals.js b/frontend/src/reportWebVitals.js