Add analytics

GDGCochabamba · Nov 28, 2023 · b7da882 · b7da882
1 parent 18be951
commit b7da882
Show file tree

Hide file tree

Showing 5 changed files with 60 additions and 14 deletions.
diff --git a/astro.config.mjs b/astro.config.mjs
@@ -1,8 +1,9 @@
 import { defineConfig } from "astro/config";
-
 import tailwind from "@astrojs/tailwind";
 
+import partytown from "@astrojs/partytown";
+
 // https://astro.build/config
 export default defineConfig({
-  integrations: [tailwind()],
-});
+  integrations: [tailwind(), partytown()]
+});
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -12,6 +12,7 @@
   },
   "dependencies": {
     "@astrojs/check": "^0.3.1",
+    "@astrojs/partytown": "^2.0.2",
     "@astrojs/tailwind": "^5.0.2",
     "astro": "^3.5.5",
     "tailwindcss": "^3.3.5",

diff --git a/src/components/GoogleAnalytics.astro b/src/components/GoogleAnalytics.astro
@@ -0,0 +1,13 @@
+<script
+  type="text/partytown"
+  async
+  src="https://www.googletagmanager.com/gtag/js?id=G-B35G6WPCX1"></script>
+<script type="text/partytown">
+  window.dataLayer = window.dataLayer || [];
+  function gtag() {
+    dataLayer.push(arguments);
+  }
+  gtag("js", new Date());
+
+  gtag("config", "G-B35G6WPCX1");
+</script>
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
@@ -4,6 +4,7 @@ interface Props {
 }
 
 const { title } = Astro.props;
+import GoogleAnalytics from "../components/GoogleAnalytics.astro";
 ---
 
 <!doctype html>
@@ -33,16 +34,17 @@ const { title } = Astro.props;
   </head>
   <body>
     <slot />
-  </body>
-</html>
+    <GoogleAnalytics < body />
 
-<style is:global>
-  @font-face {
-    font-family: "Product Sans";
-    src: url("../assets/fonts/ProductSans-Regular.ttf") format("truetype");
-  }
+    <style is:global>
+      @font-face {
+        font-family: "Product Sans";
+        src: url("../assets/fonts/ProductSans-Regular.ttf") format("truetype");
+      }
 
-  body {
-    font-family: "Product Sans", sans-serif;
-  }
-</style>
+      body {
+        font-family: "Product Sans", sans-serif;
+      }
+    </style>
+  </body>
+</html>