From 341ea5403178dfb4ac912cf9266d43463e9fec25 Mon Sep 17 00:00:00 2001
From: jon brookes <marshyon@gmail.com>
Date: Thu, 28 Dec 2023 22:42:10 +0000
Subject: [PATCH] add gtags

---
 src/layouts/CustomMarkdown.astro | 14 +++++++++++++
 src/layouts/Layout.astro         | 34 +++++++++++++++++++++++++++-----
 2 files changed, 43 insertions(+), 5 deletions(-)
diff --git a/src/layouts/CustomMarkdown.astro b/src/layouts/CustomMarkdown.astro
index 2864291..65619e2 100644
--- a/src/layouts/CustomMarkdown.astro
+++ b/src/layouts/CustomMarkdown.astro
@@ -51,6 +51,20 @@ console.log(imgPath);
         document.documentElement.classList.remove("dark");
       }
     </script>
+    <!-- Google tag (gtag.js) -->
+    <script
+      is:inline
+      async
+      src="https://www.googletagmanager.com/gtag/js?id=G-N1DFMGZR4K"></script>
+    <script is:inline>
+      window.dataLayer = window.dataLayer || [];
+      function gtag() {
+        dataLayer.push(arguments);
+      }
+      gtag("js", new Date());
+
+      gtag("config", "G-N1DFMGZR4K");
+    </script>
   </head>
   <body>
     <div class="bg-stone-100 dark:bg-slate-800 min-h-screen pt-20">
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index 39f43bd..4da0c14 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -20,11 +20,20 @@ import data from "../data/site.json";
     <meta name="viewport" content="width=device-width" />
     <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
     <meta name="generator" content={Astro.generator} />
-    <link rel="preconnect" href="https://fonts.googleapis.com">
-    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-    <link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
-    <link href="https://fonts.googleapis.com/css2?family=Inconsolata:wght@200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.24.1/themes/prism.min.css">
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
+      rel="stylesheet"
+    />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Inconsolata:wght@200;300;400;500;600;700;800;900&display=swap"
+      rel="stylesheet"
+    />
+    <link
+      rel="stylesheet"
+      href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.24.1/themes/prism.min.css"
+    />
     <title>{title}</title>
     <script is:inline>
       //check for dark mode in local storage using the theme var
@@ -34,6 +43,21 @@ import data from "../data/site.json";
         document.documentElement.classList.remove("dark");
       }
     </script>
+
+    <!-- Google tag (gtag.js) -->
+    <script
+      is:inline
+      async
+      src="https://www.googletagmanager.com/gtag/js?id=G-N1DFMGZR4K"></script>
+    <script is:inline>
+      window.dataLayer = window.dataLayer || [];
+      function gtag() {
+        dataLayer.push(arguments);
+      }
+      gtag("js", new Date());
+
+      gtag("config", "G-N1DFMGZR4K");
+    </script>
   </head>
   <body>
     <div class="bg-stone-100 dark:bg-slate-800 min-h-screen pt-20">
