refactor: extract Google Analytics into separate Analytics.astro component

jonathanperis · jonathanperis · commit 7bedc8e53492 · 2026-04-10T11:32:41.000-03:00
diff --git a/docs/src/components/Analytics.astro b/docs/src/components/Analytics.astro
@@ -0,0 +1,18 @@
+---
+const GA_ID = import.meta.env.PUBLIC_GA_ID;
+---
+
+{GA_ID && (
+  <>
+    <script
+      async
+      src={`https://www.googletagmanager.com/gtag/js?id=${GA_ID}`}
+    ></script>
+    <script define:vars={{ GA_ID }}>
+      window.dataLayer = window.dataLayer || [];
+      function gtag() { dataLayer.push(arguments); }
+      gtag('js', new Date());
+      gtag('config', GA_ID);
+    </script>
+  </>
+)}
diff --git a/docs/src/layouts/BaseLayout.astro b/docs/src/layouts/BaseLayout.astro
@@ -1,5 +1,6 @@
 ---
 import '../styles/globals.css';
+import Analytics from '../components/Analytics.astro';
 
 interface Props {
   title?: string;
@@ -11,8 +12,6 @@ const {
   description = 'High-performance banking API for the Rinha de Backend challenge. Built with Rust, Actix-web 4, and SQLx. ~140 lines under strict resource constraints (1.5 CPU, 550MB RAM).'
 } = Astro.props;
 
-const GA_ID = import.meta.env.PUBLIC_GA_ID;
-
 const jsonLd = {
   '@context': 'https://schema.org',
   '@type': 'SoftwareSourceCode',
@@ -61,17 +60,9 @@ const jsonLd = {
     <script type="application/ld+json" set:html={JSON.stringify(jsonLd)} />
 
     <title>{title}</title>
+    <Analytics />
   </head>
   <body>
-    <!-- Google Analytics -->
-    <script is:inline async src={`https://www.googletagmanager.com/gtag/js?id=${GA_ID}`}></script>
-    <script is:inline define:vars={{ GA_ID }}>
-      window.dataLayer = window.dataLayer || [];
-      function gtag() { dataLayer.push(arguments); }
-      gtag('js', new Date());
-      gtag('config', GA_ID);
-    </script>
-    
     <div class="particles">
       <div class="particle"></div>
       <div class="particle"></div>
