add google analytics for docs pages

defenseunicorns · May 21, 2024 · ec7736b · ec7736b
1 parent f6fe020
commit ec7736b
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 0 deletions.
diff --git a/site/astro.config.ts b/site/astro.config.ts
@@ -25,6 +25,15 @@ export default defineConfig({
   integrations: [
     starlight({
       title: "Zarf",
+      head: [
+        {
+          tag: "script",
+          content: "(function(w,d,s,l,i){ ... })(window,document,'script','dataLayer','G-N1XZ8ZXCWL');",
+        },
+      ],
+      components: {
+        SkipLink: "./src/components/SkipLink.astro",
+      },
       social: {
         github: "https://github.com/defenseunicorns/zarf",
         slack: "https://kubernetes.slack.com/archives/C03B6BJAUJ3",

diff --git a/site/src/components/SkipLink.astro b/site/src/components/SkipLink.astro
@@ -0,0 +1,18 @@
+---
+import type { Props } from '@astrojs/starlight/props'
+import Default from '@astrojs/starlight/components/SkipLink.astro'
+---
+
+<!-- Add the noscript tag for Google Tag Manager. -->
+<noscript>
+  <iframe
+    src="https://www.googletagmanager.com/gtag/js?id=G-N1XZ8ZXCWL"
+    height="0"
+    width="0"
+    style="display:none;visibility:hidden"
+  >
+  </iframe>
+</noscript>
+
+<!-- Render the default <SkipLink/> component. -->
+<Default {...Astro.props}><slot /></Default>