Add Google Analytics tag to site

iexitdev · iexitdev · commit fae06b33d8b7 · 2026-05-29T23:08:38.000-04:00
diff --git a/apps/site/src/components/GoogleAnalytics.astro b/apps/site/src/components/GoogleAnalytics.astro
@@ -0,0 +1,15 @@
+<!-- Google tag (gtag.js) -->
+<script
+  is:inline
+  async
+  src="https://www.googletagmanager.com/gtag/js?id=G-W1F2TBM03Q"
+></script>
+<script is:inline>
+  window.dataLayer = window.dataLayer || [];
+  function gtag() {
+    dataLayer.push(arguments);
+  }
+  gtag("js", new Date());
+
+  gtag("config", "G-W1F2TBM03Q");
+</script>
diff --git a/apps/site/src/components/Head.astro b/apps/site/src/components/Head.astro
@@ -1,4 +1,5 @@
 ---
+import GoogleAnalytics from "./GoogleAnalytics.astro";
 import ThemeInit from "./ThemeInit.astro";
 
 const { head } = Astro.locals.starlightRoute;
@@ -13,6 +14,7 @@ const reactRefreshPreamble = `
 ---
 
 <ThemeInit />
+<GoogleAnalytics />
 <style is:inline>
   html {
     background: #0b0c11;
diff --git a/apps/site/src/pages/index.astro b/apps/site/src/pages/index.astro
@@ -4,6 +4,7 @@ import ChartKitFeatures from "../components/ChartKitFeatures.astro";
 import ChartKitStats from "../components/ChartKitStats.astro";
 import ChartsSupported from "../components/ChartsSupported";
 import Footer from "../components/Footer.astro";
+import GoogleAnalytics from "../components/GoogleAnalytics.astro";
 import Header from "../components/Header.astro";
 import Hero from "../components/Hero.astro";
 import Pricing from "../components/Pricing.astro";
@@ -17,6 +18,7 @@ import ThemeInit from "../components/ThemeInit.astro";
     <meta name="theme-color" content="#06070a" />
     <title>React Native Chart Kit</title>
     <ThemeInit />
+    <GoogleAnalytics />
   </head>
   <body>
     <Header />
