Feat: Added google analytics tracking (#627)

alexappleget · shashilo · web-flow · commit 0a2d352a2618 · 2025-10-16T11:25:42.000-05:00
Co-authored-by: Shashi Lo &lt;362527+shashilo@users.noreply.github.com&gt;
diff --git a/app/layout.tsx b/app/layout.tsx
@@ -9,6 +9,7 @@ import GlobalHeader from '@/components/GlobalHeader/GlobalHeader';
 import { SnowOverlayProvider } from '@/providers/SnowOverlayProvider';
 import SnowOverlayWrapper from '@/components/SnowOverlayWrapper/SnowOverlayWrapper';
 import AuthContextProvider from '@/context/AuthContextProvider';
+import Script from 'next/script';
 import Toaster from '@/components/Toaster/Toaster';
 
 const geistSans = localFont({
@@ -39,6 +40,20 @@ const RootLayout = ({
 }>): JSX.Element => {
   return (
     <html lang="en">
+      <head>
+        <Script
+          src={`https://www.googletagmanager.com/gtag/js?id=${process.env.NEXT_PUBLIC_GOOGLE_ANALYTICS_ID}`}
+          strategy="afterInteractive"
+        />
+        <Script id="google-analytics" strategy="afterInteractive">
+          {`
+            window.dataLayer = window.dataLayer || [];
+            function gtag(){dataLayer.push(arguments);}
+            gtag('js', new Date());
+            gtag('config', '${process.env.NEXT_PUBLIC_GOOGLE_ANALYTICS_ID}');
+          `}
+        </Script>
+      </head>
       <body
         className={`${geistSans.variable} ${geistMono.variable} antialiased bg-gradient`}
       >
