Add gtm script

vivid-planet · Aug 6, 2024 · 2007f7f · 2007f7f
1 parent b3e55d1
commit 2007f7f
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 0 deletions.
diff --git a/site-configs/secondary.ts b/site-configs/secondary.ts
@@ -21,6 +21,7 @@ export default ((env) => {
                 domain: "secondary",
                 languages: ["en", "de"],
             },
+            gtmId: "GTM-YYYY",
         },
     };
 }) satisfies GetSiteConfig;
diff --git a/site/src/app/layout.tsx b/site/src/app/layout.tsx
@@ -1,5 +1,6 @@
 import { SitePreviewProvider } from "@comet/cms-site";
 import { GlobalStyle } from "@src/layout/GlobalStyle";
+import { getSiteConfig } from "@src/middleware";
 import { ResponsiveSpacingStyle } from "@src/util/ResponsiveSpacingStyle";
 import StyledComponentsRegistry from "@src/util/StyledComponentsRegistry";
 import type { Metadata } from "next";
@@ -15,12 +16,24 @@ export default async function RootLayout({
 }: Readonly<{
     children: React.ReactNode;
 }>) {
+    const { gtmId } = await getSiteConfig();
+
     return (
         <html>
             <head>
                 <PublicEnvScript />
             </head>
             <body>
+                {gtmId && (
+                    <noscript>
+                        <iframe
+                            src={`https://www.googletagmanager.com/ns.html?id=${gtmId}`}
+                            height="0"
+                            width="0"
+                            style={{ display: "none", visibility: "hidden" }}
+                        />
+                    </noscript>
+                )}
                 <StyledComponentsRegistry>
                     <GlobalStyle />
                     <ResponsiveSpacingStyle />