feat: Added Google Analytics (#22)

lmammino · web-flow · commit 6eacec62d1f1 · 2025-09-25T08:07:19.000+02:00
* feat: Added Google Analytics

* chore: enables analytics storage
diff --git a/astro.config.ts b/astro.config.ts
@@ -5,11 +5,17 @@ import sitemap from '@astrojs/sitemap'
 import tailwindcss from '@tailwindcss/vite'
 import { defineConfig, fontProviders } from 'astro/config'
 import expressiveCode from 'astro-expressive-code'
+import partytown from '@astrojs/partytown'
 
 // https://astro.build/config
 export default defineConfig({
   site: 'https://nodejsdesignpatterns.com',
-  integrations: [react(), expressiveCode(), sitemap()],
+  integrations: [
+    react(),
+    expressiveCode(),
+    sitemap(),
+    partytown({ config: { forward: ['dataLayer.push'] } }),
+  ],
   vite: {
     plugins: [tailwindcss()],
   },
diff --git a/package.json b/package.json
@@ -14,6 +14,7 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
+    "@astrojs/partytown": "^2.1.4",
     "@astrojs/react": "^4.3.1",
     "@astrojs/sitemap": "^3.6.0",
     "@lucide/astro": "^0.522.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/Layout.astro b/src/Layout.astro
@@ -140,6 +140,28 @@ const {
     <Font cssVariable="--font-base-sans" preload />
     <Font cssVariable="--font-base-serif" preload />
     <Font cssVariable="--font-base-mono" preload />
+
+    <!-- Google tag (gtag.js) -->
+    <script
+      is:inline
+      type="text/partytown"
+      src="https://www.googletagmanager.com/gtag/js?id=G-NFE37ZH2W3"></script>
+    <script is:inline type="text/partytown">
+      window.dataLayer = window.dataLayer || []
+      function gtag() {
+        // eslint-disable-next-line no-undef
+        dataLayer.push(arguments)
+      }
+      gtag('js', new Date())
+      // Disable all tracking by default
+      gtag('consent', 'default', {
+        ad_storage: 'denied',
+        ad_user_data: 'denied',
+        ad_personalization: 'denied',
+        // analytics_storage: 'denied',
+      })
+      gtag('config', 'G-NFE37ZH2W3')
+    </script>
   </head>
   <body
     class="antialiased transition-colors duration-300 bg-base-100 text-base-content"
