diff --git a/src/app.html b/src/app.html
index 1790c38..8451225 100644
--- a/src/app.html
+++ b/src/app.html
@@ -30,6 +30,11 @@
 			href="https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300..700;1,9..144,300..700&display=swap"
 			rel="stylesheet"
 		/>
+		<!-- Visits are counted by GoatCounter, as host and path, with no table's code in the path. -->
+		<script>
+			window.goatcounter = { path: () => location.host + location.pathname.replace(/^\/join\/[^/]+/, '/join') };
+		</script>
+		<script data-goatcounter="https://kestrelsnest.goatcounter.com/count" async src="//gc.zgo.at/count.js"></script>
 		%sveltekit.head%
 	</head>
 	<body data-sveltekit-preload-data="hover">
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 33c1fca..833e1fa 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -1,8 +1,14 @@
 <script lang="ts">
 	import '../app.css';
+	import { afterNavigate } from '$app/navigation';
 	import Announcement from '$lib/components/Announcement.svelte';
 
 	let { children } = $props();
+
+	// A page reached without a reload is counted as a visit too; the first load counts itself.
+	afterNavigate(({ type }) => {
+		if (type !== 'enter') (window as { goatcounter?: { count?: () => void } }).goatcounter?.count?.();
+	});
 </script>
 
 <Announcement />