adding GTM components

astro.config.mjs

@@ -27,21 +27,13 @@ export default defineConfig({
     social: {
       github: config.urls.repo,
     },
-    sidebar: sidebar
+    sidebar: sidebar,
+    components: {
+      'Head': './src/components/overrides/Head.astro',
+      'PageFrame': './src/components/overrides/PageFrame.astro',
+    }
   }),
   tailwind({
     applyBaseStyles: false,
   })],
-  vite: {
-    plugins: [
-      VitePluginRadar({
-        analytics: {
-          id: config.site.ga_tag
-        },
-        gtm: {
-          id: config.site.ga_tag
-        },
-      }),
-    ],
-  }
 });

src/components/overrides/Head.astro

@@ -0,0 +1,19 @@
+---
+import Default from "@astrojs/starlight/components/Head.astro";
+---
+
+<!-- Google Tag Manager -->
+<script is:inline>
+  (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-NSXMVSDN");
+</script>
+<!-- End Google Tag Manager -->
+<Default {...Astro.props}><slot /></Default>

src/components/overrides/PageFrame.astro

@@ -0,0 +1,14 @@
+---
+import Default from "@astrojs/starlight/components/PageFrame.astro";
+---
+
+<!-- Google Tag Manager (noscript) -->
+<noscript
+  ><iframe
+    src="https://www.googletagmanager.com/ns.html?id=GTM-NSXMVSDN"
+    height="0"
+    width="0"
+    style="display:none;visibility:hidden"></iframe></noscript
+>
+<!-- End Google Tag Manager (noscript) -->
+<Default {...Astro.props}><slot /></Default>