diff --git a/.vitepress/theme/components/SimpleAnalyticsBadge.vue b/.vitepress/theme/components/SimpleAnalyticsBadge.vue
new file mode 100644
index 0000000..8180b4c
--- /dev/null
+++ b/.vitepress/theme/components/SimpleAnalyticsBadge.vue
@@ -0,0 +1,37 @@
+<script setup>
+import { useData } from 'vitepress'
+
+const { isDark } = useData()
+</script>
+
+<template>
+  <div class="sa-badge">
+    <a
+      href="https://www.simpleanalytics.com/?utm_source=&utm_content=badge"
+      referrerpolicy="origin"
+      target="_blank"
+    >
+      <img
+        :src="isDark
+          ? 'https://simpleanalyticsbadges.com/?mode=dark&background=1a1a1a&text=ff6b6b'
+          : 'https://simpleanalyticsbadges.com/?mode=light&background=d33c43&text=ffffff'"
+        loading="lazy"
+        referrerpolicy="no-referrer"
+        crossorigin="anonymous"
+        alt="Simple Analytics"
+      />
+    </a>
+  </div>
+</template>
+
+<style scoped>
+.sa-badge {
+  margin-top: 2rem;
+  padding-top: 1rem;
+}
+
+.sa-badge img {
+  display: block;
+  margin: 0 auto;
+}
+</style>
diff --git a/.vitepress/theme/index.js b/.vitepress/theme/index.js
index 85a5786..c030afb 100644
--- a/.vitepress/theme/index.js
+++ b/.vitepress/theme/index.js
@@ -1,5 +1,6 @@
 import DefaultTheme from 'vitepress/theme-without-fonts'
 import PageLoader from "./components/PageLoader.vue";
+import SimpleAnalyticsBadge from "./components/SimpleAnalyticsBadge.vue";
 import './custom.css'
 import { h } from "vue";
 
@@ -8,6 +9,7 @@ export default {
   Layout() {
     return h(DefaultTheme.Layout, null, {
       'layout-top': () => h(PageLoader),
+      'aside-outline-after': () => h(SimpleAnalyticsBadge),
     })
   }
 }