From a4b1886b210213b0becf1a134d06882db631f647 Mon Sep 17 00:00:00 2001
From: Yuval Adam <_@yuv.al>
Date: Fri, 23 May 2025 17:15:05 +0200
Subject: Add analytics
---
src/components/Analytics.astro | 33 +++++++++++++++++++++++++++++++++
src/config/analytics.js | 7 +++++++
src/layouts/CenteredLayout.astro | 4 +++-
src/layouts/StandardLayout.astro | 15 +++++++++------
4 files changed, 52 insertions(+), 7 deletions(-)
create mode 100644 src/components/Analytics.astro
create mode 100644 src/config/analytics.js
(limited to 'src')
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 && (
+
+
+ )
+}
+{
+ FATHOM_ANALYTICS_ID && (
+
+ )
+}
+
diff --git a/src/config/analytics.js b/src/config/analytics.js
new file mode 100644
index 0000000..e17350d
--- /dev/null
+++ b/src/config/analytics.js
@@ -0,0 +1,7 @@
+
+export const analytics = {
+ googleAnalyticsId: '',
+ fathomAnalyticsId: ''
+};
+
+export default analytics;
diff --git a/src/layouts/CenteredLayout.astro b/src/layouts/CenteredLayout.astro
index 5505b65..1b9286c 100644
--- a/src/layouts/CenteredLayout.astro
+++ b/src/layouts/CenteredLayout.astro
@@ -1,5 +1,6 @@
---
-import '../styles/global.css';
+import "../styles/global.css";
+import Analytics from "../components/Analytics.astro";
interface Props {
title?: string;
@@ -15,6 +16,7 @@ const { title = "Astro Site" } = Astro.props;
{title}
+
diff --git a/src/layouts/StandardLayout.astro b/src/layouts/StandardLayout.astro
index a6c9151..e6a4bec 100644
--- a/src/layouts/StandardLayout.astro
+++ b/src/layouts/StandardLayout.astro
@@ -1,15 +1,17 @@
---
-import '../styles/global.css';
+import "../styles/global.css";
interface Props {
title?: string;
description?: string;
}
-const {
- title = "Astro Site",
- description = "A simple Astro site with blog functionality"
+const {
+ title = "Astro Site",
+ description = "A simple Astro site with blog functionality",
} = Astro.props;
+
+import Analytics from "../components/Analytics.astro";
---
@@ -20,6 +22,7 @@ const {
{title}
+
@@ -33,13 +36,13 @@ const {
-
+
-
+