Merge pull request #191 from AmbireTech/tag-mngr

add react-ga4
AmbireTech · Jun 28, 2024 · 67ff986 · 67ff986
2 parents a877970 + 6fb55bf
commit 67ff986
Show file tree

Hide file tree

Showing 5 changed files with 10 additions and 29 deletions.
diff --git a/package.json b/package.json
@@ -40,6 +40,7 @@
     "qrcode.react": "^3.1.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
+    "react-ga4": "^2.1.0",
     "react-router-dom": "^6.11.1",
     "react-scripts": "5.0.1",
     "superjson": "^2.2.0",

diff --git a/public/404.html b/public/404.html
@@ -24,17 +24,6 @@
     -->
     <title>AdEx Web Interface</title>
 
-     <!-- Google Tag Manager -->
-      <script>(function (w, d, s, l, i) {
-        w[l] = w[l] || []; w[l].push({
-          'gtm.start':
-            new Date().getTime(), event: 'gtm.js'
-        }); var f = d.getElementsByTagName(s)[0],
-          j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src =
-            'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);
-      })(window, document, 'script', 'dataLayer', 'G-PX5B4P9KKM');</script>
-    <!-- End Google Tag Manager -->
-
     <script type="text/javascript">
       // Single Page Apps for GitHub Pages
       // MIT License
@@ -79,10 +68,6 @@
     </script>
   </head>
   <body>
-    <!-- Google Tag Manager (noscript) -->
-    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=G-PX5B4P9KKM" height="0" width="0"
-      style="display:none;visibility:hidden"></iframe></noscript>
-    <!-- End Google Tag Manager (noscript) -->
     <noscript>You need to enable JavaScript to run this app.</noscript>
     <div id="root"></div>
     <!--

diff --git a/public/index.html b/public/index.html
@@ -26,16 +26,7 @@
       Learn how to configure a non-root public URL by running `npm run build`.
     -->
     <title>AdEx Web Interface</title>
-      <!-- Google Tag Manager -->
-        <script>(function (w, d, s, l, i) {
-          w[l] = w[l] || []; w[l].push({
-            'gtm.start':
-              new Date().getTime(), event: 'gtm.js'
-          }); var f = d.getElementsByTagName(s)[0],
-            j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src =
-              'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);
-        })(window, document, 'script', 'dataLayer', 'G-PX5B4P9KKM');</script>
-      <!-- End Google Tag Manager -->
+
     <!-- Start Single Page Apps for GitHub Pages -->
     <script type="text/javascript">
       // Single Page Apps for GitHub Pages
@@ -64,10 +55,6 @@
     <!-- End Single Page Apps for GitHub Pages -->
   </head>
   <body>
-   <!-- Google Tag Manager (noscript) -->
-      <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=G-PX5B4P9KKM" height="0" width="0"
-        style="display:none;visibility:hidden"></iframe></noscript>
-    <!-- End Google Tag Manager (noscript) -->
     <noscript>You need to enable JavaScript to run this app.</noscript>
     <div id="root"></div>
     <!--

diff --git a/src/App.tsx b/src/App.tsx
@@ -6,6 +6,7 @@ import { RouterProvider } from 'react-router-dom'
 import { router } from 'Router'
 import { lightTheme } from 'themes'
 import { Notifications } from '@mantine/notifications'
+import ReactGA from 'react-ga4'
 
 const ENV = process.env.REACT_APP_ENV
 
@@ -35,6 +36,8 @@ const EnvBanner = () => (
   />
 )
 
+ReactGA.initialize('G-PX5B4P9KKM')
+
 function App() {
   return (
     <AccountProvider>

diff --git a/yarn.lock b/yarn.lock
@@ -8779,6 +8779,11 @@ react-error-overlay@^6.0.11:
   resolved "https://registry.yarnpkg.com/react-error-overlay/-/react-error-overlay-6.0.11.tgz#92835de5841c5cf08ba00ddd2d677b6d17ff9adb"
   integrity sha512-/6UZ2qgEyH2aqzYZgQPxEnz33NJ2gNsnHA2o5+o4wW9bLM/JYQitNP9xPhsXwC08hMMovfGe/8retsdDsczPRg==
 
+react-ga4@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/react-ga4/-/react-ga4-2.1.0.tgz#56601f59d95c08466ebd6edfbf8dede55c4678f9"
+  integrity sha512-ZKS7PGNFqqMd3PJ6+C2Jtz/o1iU9ggiy8Y8nUeksgVuvNISbmrQtJiZNvC/TjDsqD0QlU5Wkgs7i+w9+OjHhhQ==
+
 react-is@^16.13.1, react-is@^16.7.0:
   version "16.13.1"
   resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.13.1.tgz#789729a4dc36de2999dc156dd6c1d9c18cea56a4"