diff --git a/apps/web/app/layout.tsx b/apps/web/app/layout.tsx
index 2f41f8b6d8..bd8c64d88b 100644
--- a/apps/web/app/layout.tsx
+++ b/apps/web/app/layout.tsx
@@ -5,16 +5,7 @@ import AppProviders from 'apps/web/app/AppProviders';
 import localFont from 'next/font/local';
 import DatadogInit from 'apps/web/app/datadog';
 import { Inter, Inter_Tight, Roboto_Mono } from 'next/font/google';
-
-const GOOGLE_ANALYTICS_ID = 'G-D1QGEV3B07';
-const googleAnalyticsInitScriptContent = {
-  __html: `
-    window.dataLayer = window.dataLayer || [];
-    function gtag(){dataLayer.push(arguments);}
-    gtag('js', new Date());
-    gtag('config', '${GOOGLE_ANALYTICS_ID}');
-  `,
-};
+import { GoogleAnalytics } from '@next/third-parties/google'
 
 const coinbaseDisplay = localFont({
   src: [
@@ -220,16 +211,6 @@ export default function RootLayout({ children }: { children: React.ReactNode })
           name="google-site-verification"
           content="lqwNRCxYlFLIcX9EiKAvE4k4ZT8JGpdWgehEIPA7y1Y"
         />
-        <script
-          src={`https://www.googletagmanager.com/gtag/js?id=${GOOGLE_ANALYTICS_ID}`}
-          async
-          defer
-        />
-        <script
-          id="gtag-init"
-          // eslint-disable-next-line react/no-danger -- necessary for google analytics
-          dangerouslySetInnerHTML={googleAnalyticsInitScriptContent}
-        />
       </head>
 
       <body className="flex flex-col min-h-screen antialiased">
@@ -237,6 +218,7 @@ export default function RootLayout({ children }: { children: React.ReactNode })
           <DatadogInit />
           {children}
         </AppProviders>
+        <GoogleAnalytics gaId="G-D1QGEV3B07" />
       </body>
     </html>
   );
diff --git a/apps/web/package.json b/apps/web/package.json
index bdbb2b2e5f..0bce2b7794 100644
--- a/apps/web/package.json
+++ b/apps/web/package.json
@@ -33,6 +33,7 @@
     "@lottiefiles/dotlottie-react": "^0.8.10",
     "@million/lint": "latest",
     "@monogrid/gainmap-js": "^3.0.6",
+    "@next/third-parties": "^15.0.1",
     "@number-flow/react": "^0.5.5",
     "@radix-ui/react-accordion": "^1.2.11",
     "@radix-ui/react-collapsible": "^1.1.0",
diff --git a/yarn.lock b/yarn.lock
index 4f2edfe21d..55eb31ebcf 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -121,6 +121,7 @@ __metadata:
     "@lottiefiles/dotlottie-react": ^0.8.10
     "@million/lint": latest
     "@monogrid/gainmap-js": ^3.0.6
+    "@next/third-parties": ^15.0.1
     "@number-flow/react": ^0.5.5
     "@radix-ui/react-accordion": ^1.2.11
     "@radix-ui/react-collapsible": ^1.1.0
@@ -5703,6 +5704,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@next/third-parties@npm:^15.0.1":
+  version: 15.5.4
+  resolution: "@next/third-parties@npm:15.5.4"
+  dependencies:
+    third-party-capital: 1.0.20
+  peerDependencies:
+    next: ^13.0.0 || ^14.0.0 || ^15.0.0
+    react: ^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0
+  checksum: d83de3fbb4cc260d57afca4e2178e707dadb8db69432cea3855b541683b9faa7255f6ddd009a31c2343be285d904ff021f4fefc90bdf943240e7495f15e87d42
+  languageName: node
+  linkType: hard
+
 "@noble/ciphers@npm:^1.0.0":
   version: 1.2.1
   resolution: "@noble/ciphers@npm:1.2.1"
@@ -21927,6 +21940,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"third-party-capital@npm:1.0.20":
+  version: 1.0.20
+  resolution: "third-party-capital@npm:1.0.20"
+  checksum: ef5eae00bdb82b538b9f628a011fc294cd6f4bafdbb46d88f3d1a72e8c3b9e2cc2a547fdb62bc16bdd847e9da3dac2df676b154c64914f6c90ea15aac6ce0a6a
+  languageName: node
+  linkType: hard
+
 "thread-stream@npm:^0.15.1":
   version: 0.15.2
   resolution: "thread-stream@npm:0.15.2"
