docs: add analytics (#2183)

p-malecki · web-flow · commit 69479cf4a953 · 2026-02-19T18:49:06.000+01:00
diff --git a/apps/typegpu-docs/src/layouts/PageLayout.astro b/apps/typegpu-docs/src/layouts/PageLayout.astro
@@ -3,6 +3,9 @@ import '../fonts/font-face.css';
 import '../tailwind.css';
 import './loadingSpinner.css';
 const { title, theme = 'light' } = Astro.props;
+
+const DEV = (import.meta as any).env.DEV;
+const enableAnalytics = !DEV;
 ---
 
 <html data-theme={theme}>
@@ -73,8 +76,45 @@ const { title, theme = 'light' } = Astro.props;
         border: none;
       }
     </style>
+
+    <!-- Google Tag Manager -->
+    {
+      enableAnalytics && (
+        <script
+          is:inline
+          set: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-T69W3PKG");
+      `}
+        />
+      )
+    }
+    <!-- End Google Tag Manager -->
   </head>
   <body>
+    <!-- Google Tag Manager (noscript) -->
+    {
+      enableAnalytics && (
+        <noscript>
+          <iframe
+            src="https://www.googletagmanager.com/ns.html?id=GTM-TFGF383S"
+            height="0"
+            width="0"
+            style="display:none;visibility:hidden"
+          />
+        </noscript>
+      )
+    }
+    <!-- End Google Tag Manager (noscript) -->
+
     <slot />
   </body>
 </html>
diff --git a/apps/typegpu-docs/src/pages/index.astro b/apps/typegpu-docs/src/pages/index.astro
@@ -334,6 +334,11 @@ const showcaseVideoResolution = [2048, 1200];
                 callToAction="Join our Discord server"
                 href="https://discord.gg/8jpfgDqPcM"
               />
+              <FooterLink
+                label="Privacy Policy"
+                callToAction="Read our privacy policy"
+                href="https://swmansion.com/privacy"
+              />
             </div>
           </div>
         </div>
