posthog

sitio-sveltekit/package.json

@@ -44,6 +44,7 @@
 		"date-fns": "^4.1.0",
 		"dayjs": "^1.11.13",
 		"mode-watcher": "^0.5.0",
-		"postgres": "^3.4.5"
+		"postgres": "^3.4.5",
+		"posthog-js": "^1.215.3"
 	}
 }

sitio-sveltekit/src/routes/+layout.svelte

@@ -1,6 +1,10 @@
 <script lang="ts">
 	import { MediaQuery } from 'svelte/reactivity';
 	import '../app.css';
+
+	import posthog from 'posthog-js';
+	import { browser } from '$app/environment';
+
 	let { children } = $props();
 	const dark = new MediaQuery('prefers-color-scheme: dark');
 
@@ -11,6 +15,16 @@
 			document.documentElement.classList.remove('dark');
 		}
 	});
+
+	$effect(() => {
+		if (browser) {
+			posthog.init('phc_rZpVo1fOZZutITBd4iAXRbGu4Zpng0y7lpOUgk9Fizk', {
+				api_host: 'https://us.i.posthog.com',
+				person_profiles: 'identified_only' // or 'always' to create profiles for anonymous users as well
+			});
+		}
+		return;
+	});
 </script>
 
 <svelte:head>