fix google import

filipslezaklab · filipslezaklab · commit e739cb56a840 · 2024-12-02T15:44:14.000+01:00
diff --git a/src/components/analytics/Clarity.astro b/src/components/analytics/Clarity.astro
@@ -4,4 +4,4 @@ import clarityScript from "./clarity?url";
 const isProd = import.meta.env.PROD as boolean;
 ---
 
-{!isProd && <script type="text/javascript" src={clarityScript} is:inline />}
+{isProd && <script type="text/javascript" src={clarityScript} is:inline />}
diff --git a/src/components/analytics/Google.astro b/src/components/analytics/Google.astro
@@ -0,0 +1,18 @@
+---
+import google from "./google?url";
+//@ts-ignore
+const isProd = import.meta.env.PROD as boolean;
+---
+
+{
+  isProd && (
+    <>
+      <script
+        is:inline
+        type="text/partytown"
+        src={`https://www.googletagmanager.com/gtag/js?id=G-Z2X2PB0P4E`}
+      />
+      <script is:inline type="text/partytown" src={google} />
+    </>
+  )
+}
diff --git a/src/components/analytics/google.js b/src/components/analytics/google.js
@@ -0,0 +1,6 @@
+window.dataLayer = window.dataLayer || [];
+function gtag() {
+  window.dataLayer.push(arguments);
+}
+gtag("js", new Date());
+gtag("config", "G-Z2X2PB0P4E");
diff --git a/src/layouts/BaseLayout.astro b/src/layouts/BaseLayout.astro
@@ -1,10 +1,10 @@
 ---
 import FloatingLinks from "../components/FloatingLinks.astro";
 import Footer from "../components/base/Footer.astro";
-import { GoogleAnalytics } from "@astrolib/analytics";
 import "../styles/global.scss";
 import { CookieBar } from "../components/base/CookieBar/CookieBar";
 import Clarity from "../components/analytics/Clarity.astro";
+import Google from "../components/analytics/Google.astro";
 
 const favSizes = [
   16, 32, 57, 60, 70, 72, 76, 96, 114, 120, 128, 144, 150, 152, 180, 192, 310, 384, 512,
@@ -53,7 +53,7 @@ const { url, title, description, featuredImage, imageWidth, imageHeight } = Astr
     }
     <link rel="icon" type="image/ico" href="/favicon/favicon.ico" />
     <link rel="sitemap" href="/sitemap-index.xml" />
-    <GoogleAnalytics />
+    <Google />
   </head>
   <body>
     <slot />
