fix: add Google Analytics initialization and tag manager script

HamburgJ · Dec 31, 2024 · 259f590 · 259f590
1 parent aabfbdf
commit 259f590
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 0 deletions.
diff --git a/public/index.html b/public/index.html
@@ -15,6 +15,16 @@
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link href="https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&family=Roboto:wght@400;500;700&display=swap" rel="stylesheet">
+
+    <!-- Google Analytics -->
+    <script async src="https://www.googletagmanager.com/gtag/js?id=%REACT_APP_GA_ID%"></script>
+    <script>
+      window.dataLayer = window.dataLayer || [];
+      function gtag(){dataLayer.push(arguments);}
+      gtag('js', new Date());
+      gtag('config', '%REACT_APP_GA_ID%');
+    </script>
+
     <title>Match Five</title>
   </head>
   <body>

diff --git a/src/index.tsx b/src/index.tsx
@@ -3,6 +3,10 @@ import ReactDOM from 'react-dom/client';
 import './index.css';
 import App from './App';
 import reportWebVitals from './reportWebVitals';
+import { initGA } from './utils/analytics';
+
+// Initialize Google Analytics
+initGA();
 
 const root = ReactDOM.createRoot(
   document.getElementById('root') as HTMLElement