From 28dd65b523ded2f4c19593fddce16febb071c161 Mon Sep 17 00:00:00 2001
From: Alex Stephen <astephen2@gmail.com>
Date: Wed, 9 Oct 2024 19:37:20 -0700
Subject: [PATCH] adding GTM components

---
 astro.config.mjs                         | 18 +++++-------------
 src/components/overrides/Head.astro      | 19 +++++++++++++++++++
 src/components/overrides/PageFrame.astro | 14 ++++++++++++++
 3 files changed, 38 insertions(+), 13 deletions(-)
 create mode 100644 src/components/overrides/Head.astro
 create mode 100644 src/components/overrides/PageFrame.astro

diff --git a/astro.config.mjs b/astro.config.mjs
index c658c53..ca56efa 100644
--- a/astro.config.mjs
+++ b/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
-        },
-      }),
-    ],
-  }
 });
diff --git a/src/components/overrides/Head.astro b/src/components/overrides/Head.astro
new file mode 100644
index 0000000..72e4080
--- /dev/null
+++ b/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>
diff --git a/src/components/overrides/PageFrame.astro b/src/components/overrides/PageFrame.astro
new file mode 100644
index 0000000..fbbf121
--- /dev/null
+++ b/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>