feat: add Google Tag Manager to website

dleffel · dleffel · commit 7846e51001de · 2025-06-29T10:20:58.000-07:00
- Add GTM script tag in head section as high as possible
- Add GTM noscript fallback immediately after body opening tag
- Use container ID GTM-M2JZHV8N as specified
- Implement in root layout for site-wide coverage
- Follow Google's implementation guidelines and Next.js best practices
diff --git a/apps/web-roo-code/src/app/layout.tsx b/apps/web-roo-code/src/app/layout.tsx
@@ -45,13 +45,33 @@ export default function RootLayout({ children }: { children: React.ReactNode })
 	return (
 		<html lang="en" suppressHydrationWarning>
 			<head>
+				{/* Google Tag Manager */}
+				<script
+					dangerouslySetInnerHTML={{
+						__html: `(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','GTM-M2JZHV8N');`,
+					}}
+				/>
+				{/* End Google Tag Manager */}
 				<link
 					rel="stylesheet"
 					type="text/css"
 					href="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/devicon.min.css"
 				/>
 			</head>
 			<body className={inter.className}>
+				{/* Google Tag Manager (noscript) */}
+				<noscript>
+					<iframe
+						src="https://www.googletagmanager.com/ns.html?id=GTM-M2JZHV8N"
+						height="0"
+						width="0"
+						style={{ display: "none", visibility: "hidden" }}></iframe>
+				</noscript>
+				{/* End Google Tag Manager (noscript) */}
 				<div itemScope itemType="https://schema.org/WebSite">
 					<link itemProp="url" href="https://roocode.com" />
 					<meta itemProp="name" content="Roo Code" />
