diff --git a/src/components/Analytics.astro b/src/components/Analytics.astro
new file mode 100644
index 0000000..1e62fb3
--- /dev/null
+++ b/src/components/Analytics.astro
@@ -0,0 +1,38 @@
+---
+declare global {
+  interface Window {
+    DD_RUM: any;
+  }
+}
+
+const MODE = import.meta.env.MODE;
+---
+
+<!-- 100% privacy-first analytics -->
+<script async defer src="https://scripts.simpleanalyticscdn.com/latest.js"
+></script>
+<noscript
+  ><img
+    src="https://queue.simpleanalyticscdn.com/noscript.gif"
+    alt=""
+    referrerpolicy="no-referrer-when-downgrade"
+  /></noscript
+>
+
+<script
+  src="https://www.datadoghq-browser-agent.com/eu1/v6/datadog-rum.js"
+  type="text/javascript"></script>
+<script define:vars={{ MODE }}>
+  window.DD_RUM &&
+    window.DD_RUM.init({
+      clientToken: "pub65a306a096de7824a32d9879df04de68",
+      applicationId: "d5dc836c-8af7-48c6-85d4-ada010f382f5",
+      site: "datadoghq.eu",
+      service: "ayc0.github.io",
+      env: MODE,
+      // version: '1.0.0',
+      sessionSampleRate: 100,
+      sessionReplaySampleRate: 20,
+      defaultPrivacyLevel: "allow",
+    });
+</script>
diff --git a/src/components/starlight/PageFrame.astro b/src/components/starlight/PageFrame.astro
index d787ad2..757c583 100644
--- a/src/components/starlight/PageFrame.astro
+++ b/src/components/starlight/PageFrame.astro
@@ -1,6 +1,7 @@
 ---
 import type { Props } from "@astrojs/starlight/props";
 import Default from "@astrojs/starlight/components/PageFrame.astro";
+import Analytics from "@components/Analytics.astro";
 ---
 
 <Default {...Astro.props} hasSidebar={false}>
@@ -24,13 +25,4 @@ import Default from "@astrojs/starlight/components/PageFrame.astro";
   }
 </style>
 
-<!-- 100% privacy-first analytics -->
-<script async defer src="https://scripts.simpleanalyticscdn.com/latest.js"
-></script>
-<noscript
-  ><img
-    src="https://queue.simpleanalyticscdn.com/noscript.gif"
-    alt=""
-    referrerpolicy="no-referrer-when-downgrade"
-  /></noscript
->
+<Analytics />
diff --git a/src/layouts/Analytics.astro b/src/layouts/Analytics.astro
deleted file mode 100644
index 9d210e3..0000000
--- a/src/layouts/Analytics.astro
+++ /dev/null
@@ -1,14 +0,0 @@
----
-
----
-
-<!-- 100% privacy-first analytics -->
-<script async defer src="https://scripts.simpleanalyticscdn.com/latest.js"
-></script>
-<noscript
-  ><img
-    src="https://queue.simpleanalyticscdn.com/noscript.gif"
-    alt=""
-    referrerpolicy="no-referrer-when-downgrade"
-  /></noscript
->
diff --git a/src/layouts/Page.astro b/src/layouts/Page.astro
index 2263583..48519ae 100644
--- a/src/layouts/Page.astro
+++ b/src/layouts/Page.astro
@@ -1,6 +1,6 @@
 ---
 import Head from "@layouts/Head.astro";
-import Analytics from "@layouts/Analytics.astro";
+import Analytics from "@components/Analytics.astro";
 
 interface Props {
   title: string;
diff --git a/src/layouts/Slides.astro b/src/layouts/Slides.astro
index 1b45ce6..d090dc2 100644
--- a/src/layouts/Slides.astro
+++ b/src/layouts/Slides.astro
@@ -1,6 +1,6 @@
 ---
 import Head from "@layouts/Head.astro";
-import Analytics from "@layouts/Analytics.astro";
+import Analytics from "@components/Analytics.astro";
 
 import "reveal.js/dist/reveal.css";
 import "reveal.js/dist/theme/white.css";