diff --git a/.vscode/settings.json b/.vscode/settings.json
index a2809bc..68cab9c 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -13,5 +13,15 @@
 		"**/*.csv",
 		"**/*.xml"
 	],
-	"cSpell.words": ["adif", "callsign", "callsigns", "clublog", "dxcc", "graphviz", "ituz", "timez"]
+	"cSpell.words": [
+		"adif",
+		"callsign",
+		"callsigns",
+		"clublog",
+		"dxcc",
+		"graphviz",
+		"ituz",
+		"timez",
+		"umami"
+	]
 }
diff --git a/src/components/umami.svelte b/src/components/umami.svelte
new file mode 100644
index 0000000..663b277
--- /dev/null
+++ b/src/components/umami.svelte
@@ -0,0 +1,11 @@
+<script lang="ts">
+    import { PUBLIC_ANALYTICS_URL, PUBLIC_ANALYTICS_ID } from '$env/static/public';
+
+    export const ssr = false;
+    export const prerender = false;
+    export const csr = true;
+</script>
+
+{#if PUBLIC_ANALYTICS_URL && PUBLIC_ANALYTICS_ID}
+    <script defer src={PUBLIC_ANALYTICS_URL} data-website-id={PUBLIC_ANALYTICS_ID}></script>
+{/if}
\ No newline at end of file
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index fedf32c..79a7b3c 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -1,5 +1,6 @@
 <script>
 	import '../app.css';
+	import Umami from '../components/umami.svelte';
 </script>
 
 <svelte:head>
@@ -36,6 +37,8 @@
 	</footer>
 </div>
 
+<Umami />
+
 <style lang="postcss">
 	.c {
 		@apply mx-auto w-full max-w-3xl px-6;