🚀 feat: integrate Google Analytics with Partytown for improved performance

AR10Dev · web-flow · commit 44e567d83698 · 2026-04-04T19:02:43.000Z
diff --git a/astro.config.ts b/astro.config.ts
@@ -1,4 +1,5 @@
 import mdx from "@astrojs/mdx";
+import partytown from "@astrojs/partytown";
 import sitemap, { ChangeFreqEnum } from "@astrojs/sitemap";
 import solid from "@astrojs/solid-js";
 import tailwindcss from "@tailwindcss/vite";
@@ -16,6 +17,11 @@ export default defineConfig({
   integrations: [
     solid(),
     mdx(),
+    partytown({
+      config: {
+        forward: ["dataLayer.push"],
+      },
+    }),
     sitemap({
       serialize(item) {
         // Enhanced sitemap with priority and changefreq
diff --git a/bun.lock b/bun.lock
diff --git a/package.json b/package.json
@@ -28,7 +28,8 @@
     "typescript": "6.0.2"
   },
   "dependencies": {
-    "@astrojs/rss": "^4.0.18",
+    "@astrojs/partytown": "2.1.6",
+    "@astrojs/rss": "4.0.18",
     "astro": "6.0.8",
     "solid-js": "1.9.11"
   }
diff --git a/src/components/GoogleAnalytics.astro b/src/components/GoogleAnalytics.astro
@@ -0,0 +1,23 @@
+---
+interface Props {
+  id: string;
+}
+const { id } = Astro.props;
+---
+
+<!-- Google tag (gtag.js) -->
+<script
+  is:inline
+  type="text/partytown"
+  async
+  src={`https://www.googletagmanager.com/gtag/js?id=${id}`}
+></script>
+
+<script is:inline type="text/partytown" define:vars={{ id }}>
+  window.dataLayer = window.dataLayer || [];
+  window.gtag = function () {
+    dataLayer.push(arguments);
+  };
+  window.gtag('js', new Date());
+  window.gtag('config', id);
+</script>
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
@@ -1,5 +1,6 @@
 ---
 import Footer from "@components/Footer.astro";
+import GoogleAnalytics from "@components/GoogleAnalytics.astro";
 import Header from "@components/Header.astro";
 import { SKIP_LINK_CLASSES } from "@lib/constants";
 import "../styles/global.css";
@@ -26,6 +27,10 @@ const {
 <html lang="en" class="scroll-smooth">
   <head>
     <meta charset="UTF-8" />
+
+    <!-- Google Analytics -->
+    <GoogleAnalytics id="G-LKVQYYL9XZ" />
+
     <meta
       name="viewport"
       content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
