feat: integrate Google Analytics and update environment variable prefix to PUBLIC_

Author: jodaz

.env.example

@@ -1,2 +1 @@
-# .env
-VITE_GA_MEASUREMENT_ID=G-XXXXXXXXXX
+PUBLIC_GA_MEASUREMENT_ID=G-XXXXXXXXXX

src/components/BaseHead.astro

@@ -55,7 +55,23 @@ const esURL = lang === 'es' ? canonicalURL.href : (alternateUrl ?? new URL('/es/
 <!-- Fonts -->
 <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=Inter:wght@300;400;500;600;700;800&display=swap"
-  rel="stylesheet"
-/>
+
+{
+  import.meta.env.PUBLIC_GA_MEASUREMENT_ID && (
+    <>
+      <script
+        is:inline
+        async
+        src={`https://www.googletagmanager.com/gtag/js?id=${import.meta.env.PUBLIC_GA_MEASUREMENT_ID}`}
+      />
+      <script is:inline define:vars={{ id: import.meta.env.PUBLIC_GA_MEASUREMENT_ID }}>
+        window.dataLayer = window.dataLayer || [];
+        window.gtag = function () {
+          window.dataLayer.push(arguments);
+        };
+        gtag('js', new Date());
+        gtag('config', id);
+      </script>
+    </>
+  )
+}

src/lib/analytics.ts

@@ -1,7 +1,7 @@
 // src/lib/analytics.ts
 // Utility for Google Analytics event tracking
 
-const GA_MEASUREMENT_ID = import.meta.env.VITE_GA_MEASUREMENT_ID;
+const GA_MEASUREMENT_ID = import.meta.env.PUBLIC_GA_MEASUREMENT_ID;
 
 export function trackEvent({
   action,
@@ -20,6 +20,8 @@ export function trackEvent({
       event_label: label,
       value: value,
     });
+  } else if (import.meta.env.DEV) {
+    console.log('[Analytics]', { action, category, label, value });
   }
 }