Add analytics

1 files changed, 33 insertions, 0 deletions

diff --git a/src/components/Analytics.astro b/src/components/Analytics.astro
new file mode 100644
index 0000000..0352bea
--- /dev/null
+++ b/src/components/Analytics.astro
@@ -0,0 +1,33 @@
+---
+import { analytics } from "../config/analytics";
+
+const GOOGLE_ANALYTICS_ID = analytics.googleAnalyticsId;
+const FATHOM_ANALYTICS_ID = analytics.fathomAnalyticsId;
+---
+
+{
+    GOOGLE_ANALYTICS_ID && (
+        <script
+            async
+            src={`https://www.googletagmanager.com/gtag/js?id=${GOOGLE_ANALYTICS_ID}`}
+        />
+        <script define:vars={{ GOOGLE_ANALYTICS_ID }} is:inline>
+            window.dataLayer = window.dataLayer || [];
+            function gtag() {
+                dataLayer.push(arguments);
+            }
+            gtag("js", new Date());
+            gtag("config", GOOGLE_ANALYTICS_ID);
+        </script>
+    )
+}
+{
+    FATHOM_ANALYTICS_ID && (
+        <script
+            src="https://cdn.usefathom.com/script.js"
+            data-site={FATHOM_ANALYTICS_ID}
+            defer
+        />
+    )
+}
+