add Google Tag Manager to app-root's layout (#6353)

zooniverse · Oct 3, 2024 · fef769f · fef769f
1 parent 706a855
commit fef769f
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 0 deletions.
diff --git a/packages/app-root/package.json b/packages/app-root/package.json
@@ -14,6 +14,7 @@
   },
   "dependencies": {
     "@next/bundle-analyzer": "~14.2.7",
+    "@next/third-parties": "~14.2.7",
     "@zooniverse/async-states": "~0.0.1",
     "@zooniverse/content": "~0.0.1",
     "@zooniverse/grommet-theme": "~3.2.0",

diff --git a/packages/app-root/src/app/layout.js b/packages/app-root/src/app/layout.js
@@ -1,5 +1,6 @@
 import RootLayout from '@/components/RootLayout'
 import StyledComponentsRegistry from './style-registry'
+import { GoogleTagManager } from '@next/third-parties/google'
 
 export const metadata = {
   title: {
@@ -21,9 +22,12 @@ export const metadata = {
   }
 }
 
+const isProduction = process.env.NODE_ENV === 'production'
+
 export default function NextLayout({ children }) {
   return (
     <html lang='en'>
+      {isProduction && <GoogleTagManager gtmId='GTM-WDW6V4' />}
       <StyledComponentsRegistry>
         <RootLayout>{children}</RootLayout>
       </StyledComponentsRegistry>