From 6a9dc5a49621646fe503af4c18188cc38e087652 Mon Sep 17 00:00:00 2001
From: Eric Wagoner <ewagoner@gmail.com>
Date: Tue, 10 Nov 2026 19:55:54 -0500
Subject: [PATCH] Visits are counted by GoatCounter, the blog's own, as host
 and path: a table's code never reaches the count, and a page reached without
 a reload is counted too

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01CCLa2PaEeCj8njQZSWGqHx
---
 gamehall/site/index.html           | 5 +++++
 template/src/app.html              | 5 +++++
 template/src/routes/+layout.svelte | 6 ++++++
 3 files changed, 16 insertions(+)

diff --git a/gamehall/site/index.html b/gamehall/site/index.html
index 0f2da6d..1b05055 100644
--- a/gamehall/site/index.html
+++ b/gamehall/site/index.html
@@ -127,6 +127,11 @@
 .hall-announcement { position: sticky; top: 0; z-index: 1000; display: flex; align-items: center; justify-content: center; gap: .8rem; padding: .45rem 2.4rem .45rem 1rem; background: #f2c45a; color: #1d1a12; font: 500 .95rem/1.35 system-ui, -apple-system, 'Segoe UI', sans-serif; text-align: center; box-shadow: 0 1px 4px #0005; }
 .hall-announcement button { position: absolute; right: .5rem; background: none; border: 0; color: inherit; font-size: 1.3rem; line-height: 1; padding: .2rem .5rem; cursor: pointer; }
 </style>
+<!-- Visits are counted by GoatCounter, as host and path. -->
+<script>
+	window.goatcounter = { path: () => location.host + location.pathname };
+</script>
+<script data-goatcounter="https://kestrelsnest.goatcounter.com/count" async src="//gc.zgo.at/count.js"></script>
 </head>
 <body>
 <div class="wrap">
diff --git a/template/src/app.html b/template/src/app.html
index 71228fd..26e0c9b 100644
--- a/template/src/app.html
+++ b/template/src/app.html
@@ -22,6 +22,11 @@
 		<meta name="twitter:title" content="__NAME__" />
 		<meta name="twitter:description" content="__NAME__, a game between friends, free in the browser." />
 		<meta name="twitter:image" content="https://__DOMAIN__/og.png" />
+		<!-- 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/template/src/routes/+layout.svelte b/template/src/routes/+layout.svelte
index 33c1fca..833e1fa 100644
--- a/template/src/routes/+layout.svelte
+++ b/template/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 />