feat: add Google Tag Manager (NEXT_PUBLIC_GTM_ID) (#231)

drankou · web-flow · commit 0e997d174cdb · 2026-07-10T14:46:55.000+02:00
diff --git a/.env.template b/.env.template
@@ -43,3 +43,6 @@ NEXT_PUBLIC_POSTHOG_HOST=
 
 # Hide local models from the list of available models
 # NEXT_PUBLIC_HIDE_LOCAL_MODELS=
+
+# Google Tag Manager container ID (set in the deploy environment)
+NEXT_PUBLIC_GTM_ID=GTM-XXXXXXX
diff --git a/app/layout.tsx b/app/layout.tsx
@@ -2,6 +2,7 @@ import './globals.css'
 import { PostHogProvider, ThemeProvider } from './providers'
 import { Toaster } from '@/components/ui/toaster'
 import { Analytics } from '@vercel/analytics/next'
+import { GoogleTagManager } from '@next/third-parties/google'
 import type { Metadata } from 'next'
 import { Inter } from 'next/font/google'
 
@@ -19,6 +20,9 @@ export default function RootLayout({
 }>) {
   return (
     <html lang="en" suppressHydrationWarning>
+      {process.env.NEXT_PUBLIC_GTM_ID && (
+        <GoogleTagManager gtmId={process.env.NEXT_PUBLIC_GTM_ID} />
+      )}
       <PostHogProvider>
         <body className={inter.className}>
           <ThemeProvider
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -16,6 +16,7 @@
     "@ai-sdk/mistral": "^1.0.1",
     "@ai-sdk/openai": "^1.3.24",
     "@e2b/code-interpreter": "^1.0.2",
+    "@next/third-parties": "^14.2.35",
     "@radix-ui/react-avatar": "^1.1.0",
     "@radix-ui/react-dialog": "^1.1.1",
     "@radix-ui/react-dropdown-menu": "^2.1.1",
