refactor(analytics): centralize Umami tracking via env vars and shared utility

Move Umami analytics from hardcoded script tags in app.html to server-side injection via hooks.server.ts. Website IDs are now managed centrally in .env.development and distributed via generate-env.mjs as PUBLIC_UMAMI_WEBSITE_ID. - Add @manacore/shared-utils/analytics-server with injectUmamiAnalytics() - Add UMAMI_WEBSITE_ID_* for all 17 web apps to .env.development - Add PUBLIC_UMAMI_WEBSITE_ID mapping in generate-env.mjs for all web apps - Update 10 existing hooks.server.ts to use shared utility - Create 7 new hooks.server.ts (picture, planta, presi, photos, clock, questions, manadeck) - Remove hardcoded Umami scripts from all 17 app.html files - Add missing Umami tracking to Mukke and Questions - Add shared-utils dependency to 6 web apps that lacked it - Update ANALYTICS.md with architecture docs and "add new app" guide Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-05-20 04:43:40 +02:00 · 2026-03-22 18:27:31 +01:00 · 2026-03-22 18:27:31 +01:00 · e01b740dba
commit e01b740dba
parent 87516bb58a
44 changed files with 319 additions and 52 deletions
--- a/apps/calendar/apps/web/src/app.html
+++ b/apps/calendar/apps/web/src/app.html
@ -6,8 +6,6 @@
 		<meta name="viewport" content="width=device-width, initial-scale=1" />
 		<title>Calendar</title>
 		%sveltekit.head%
-		<!-- Umami Analytics -->
-		<script defer src="https://stats.mana.how/script.js" data-website-id="772d2510-c5bb-47e0-b490-267f2821510a"></script>
 	</head>
 	<body data-sveltekit-preload-data="hover">
 		<div style="display: contents">%sveltekit.body%</div>
--- a/apps/calendar/apps/web/src/hooks.server.ts
+++ b/apps/calendar/apps/web/src/hooks.server.ts
@ -6,6 +6,7 @@
 */

 import type { Handle } from '@sveltejs/kit';
+import { injectUmamiAnalytics } from '@manacore/shared-utils/analytics-server';

 // Get client-side URLs from environment (Docker runtime)
 // In dev mode, Vite exposes .env vars via import.meta.env, not process.env
@ -35,7 +36,7 @@ window.__PUBLIC_STT_URL__ = "${PUBLIC_STT_URL}";
 window.__PUBLIC_TODO_BACKEND_URL__ = "${PUBLIC_TODO_BACKEND_URL}";
 window.__PUBLIC_CONTACTS_API_URL__ = "${PUBLIC_CONTACTS_API_URL}";
 </script>`;
-			return html.replace('<head>', `<head>${envScript}`);
+			return injectUmamiAnalytics(html.replace('<head>', `<head>${envScript}`));
 		},
 	});

--- a/apps/chat/apps/web/src/app.html
+++ b/apps/chat/apps/web/src/app.html
@ -5,8 +5,6 @@
 		<link rel="icon" href="%sveltekit.assets%/favicon.png" />
 		<meta name="viewport" content="width=device-width, initial-scale=1" />
 		%sveltekit.head%
-		<!-- Umami Analytics -->
-		<script defer src="https://stats.mana.how/script.js" data-website-id="1c43fd98-4767-4f89-9dc2-ebdfbd8960db"></script>
 	</head>
 	<body data-sveltekit-preload-data="hover">
 		<div style="display: contents">%sveltekit.body%</div>
--- a/apps/chat/apps/web/src/hooks.server.ts
+++ b/apps/chat/apps/web/src/hooks.server.ts
@ -5,6 +5,7 @@
 */

 import type { Handle } from '@sveltejs/kit';
+import { injectUmamiAnalytics } from '@manacore/shared-utils/analytics-server';

 // Get client-side URLs from environment (Docker runtime)
 const PUBLIC_MANA_CORE_AUTH_URL_CLIENT =
@ -22,7 +23,7 @@ export const handle: Handle = async ({ event, resolve }) => {
 window.__PUBLIC_MANA_CORE_AUTH_URL__ = ${JSON.stringify(PUBLIC_MANA_CORE_AUTH_URL_CLIENT)};
 window.__PUBLIC_BACKEND_URL__ = ${JSON.stringify(PUBLIC_BACKEND_URL_CLIENT)};
 </script>`;
-			return html.replace('<head>', `<head>${envScript}`);
+			return injectUmamiAnalytics(html.replace('<head>', `<head>${envScript}`));
 		},
 	});
 };
--- a/apps/clock/apps/web/package.json
+++ b/apps/clock/apps/web/package.json
@ -52,6 +52,7 @@
 		"@manacore/shared-theme": "workspace:*",
 		"@manacore/shared-theme-ui": "workspace:*",
 		"@manacore/shared-ui": "workspace:*",
+		"@manacore/shared-utils": "workspace:*",
 		"d3": "^7.9.0",
 		"svelte-dnd-action": "^0.9.68",
 		"svelte-i18n": "^4.0.1",
--- a/apps/clock/apps/web/src/app.html
+++ b/apps/clock/apps/web/src/app.html
@ -5,8 +5,6 @@
 		<link rel="icon" href="%sveltekit.assets%/favicon.png" />
 		<meta name="viewport" content="width=device-width, initial-scale=1" />
 		%sveltekit.head%
-		<!-- Umami Analytics -->
-		<script defer src="https://stats.mana.how/script.js" data-website-id="f893945e-fea7-4493-82ab-f04812a54bea"></script>
 	</head>
 	<body data-sveltekit-preload-data="hover">
 		<div style="display: contents">%sveltekit.body%</div>
--- a/apps/clock/apps/web/src/hooks.server.ts
+++ b/apps/clock/apps/web/src/hooks.server.ts
@ -0,0 +1,19 @@
+import type { Handle } from '@sveltejs/kit';
+import { injectUmamiAnalytics } from '@manacore/shared-utils/analytics-server';
+
+const PUBLIC_MANA_CORE_AUTH_URL_CLIENT =
+	process.env.PUBLIC_MANA_CORE_AUTH_URL_CLIENT || process.env.PUBLIC_MANA_CORE_AUTH_URL || '';
+const PUBLIC_BACKEND_URL_CLIENT =
+	process.env.PUBLIC_BACKEND_URL_CLIENT || process.env.PUBLIC_BACKEND_URL || '';
+
+export const handle: Handle = async ({ event, resolve }) => {
+	return resolve(event, {
+		transformPageChunk: ({ html }) => {
+			const envScript = `<script>
+window.__PUBLIC_MANA_CORE_AUTH_URL__ = "${PUBLIC_MANA_CORE_AUTH_URL_CLIENT}";
+window.__PUBLIC_BACKEND_URL__ = "${PUBLIC_BACKEND_URL_CLIENT}";
+</script>`;
+			return injectUmamiAnalytics(html.replace('<head>', `<head>${envScript}`));
+		},
+	});
+};
--- a/apps/contacts/apps/web/src/app.html
+++ b/apps/contacts/apps/web/src/app.html
@ -6,8 +6,6 @@
 		<meta name="viewport" content="width=device-width, initial-scale=1" />
 		<title>Kontakte</title>
 		%sveltekit.head%
-		<!-- Umami Analytics -->
-		<script defer src="https://stats.mana.how/script.js" data-website-id="d2cc0f01-9e46-4a88-a49b-a365f58b78e7"></script>
 	</head>
 	<body data-sveltekit-preload-data="hover">
 		<div style="display: contents">%sveltekit.body%</div>
--- a/apps/contacts/apps/web/src/hooks.server.ts
+++ b/apps/contacts/apps/web/src/hooks.server.ts
@ -5,6 +5,7 @@
 */

 import type { Handle } from '@sveltejs/kit';
+import { injectUmamiAnalytics } from '@manacore/shared-utils/analytics-server';

 // Get client-side URLs from environment (Docker runtime)
 const PUBLIC_MANA_CORE_AUTH_URL_CLIENT =
@ -25,7 +26,7 @@ window.__PUBLIC_MANA_CORE_AUTH_URL__ = "${PUBLIC_MANA_CORE_AUTH_URL_CLIENT}";
 window.__PUBLIC_BACKEND_URL__ = "${PUBLIC_BACKEND_URL_CLIENT}";
 window.__PUBLIC_TODO_BACKEND_URL__ = "${PUBLIC_TODO_BACKEND_URL}";
 </script>`;
-			return html.replace('<head>', `<head>${envScript}`);
+			return injectUmamiAnalytics(html.replace('<head>', `<head>${envScript}`));
 		},
 	});
 };
--- a/apps/manacore/apps/web/src/app.html
+++ b/apps/manacore/apps/web/src/app.html
@ -5,8 +5,6 @@
 		<link rel="icon" href="%sveltekit.assets%/favicon.png" />
 		<meta name="viewport" content="width=device-width, initial-scale=1" />
 		%sveltekit.head%
-		<!-- Umami Analytics -->
-		<script defer src="https://stats.mana.how/script.js" data-website-id="face76f4-2d3e-42be-b8c8-0ea03f33a462"></script>
 	</head>
 	<body data-sveltekit-preload-data="hover">
 		<div style="display: contents">%sveltekit.body%</div>
--- a/apps/manacore/apps/web/src/hooks.server.ts
+++ b/apps/manacore/apps/web/src/hooks.server.ts
@ -1,4 +1,5 @@
 import type { Handle } from '@sveltejs/kit';
+import { injectUmamiAnalytics } from '@manacore/shared-utils/analytics-server';

 /**
 * Server hooks for ManaCore web app
@ -32,7 +33,7 @@ window.__PUBLIC_CALENDAR_API_URL__ = "${PUBLIC_CALENDAR_API_URL_CLIENT}";
 window.__PUBLIC_CLOCK_API_URL__ = "${PUBLIC_CLOCK_API_URL_CLIENT}";
 window.__PUBLIC_CONTACTS_API_URL__ = "${PUBLIC_CONTACTS_API_URL_CLIENT}";
 </script>`;
-			return html.replace('<head>', `<head>${envScript}`);
+			return injectUmamiAnalytics(html.replace('<head>', `<head>${envScript}`));
 		},
 	});
 };
--- a/apps/manadeck/apps/web/src/app.html
+++ b/apps/manadeck/apps/web/src/app.html
@ -4,8 +4,6 @@
 		<meta charset="utf-8" />
 		<meta name="viewport" content="width=device-width, initial-scale=1" />
 		%sveltekit.head%
-		<!-- Umami Analytics -->
-		<script defer src="https://stats.mana.how/script.js" data-website-id="1c1d54c4-7829-43e5-8dde-0a6db7c86ec6"></script>
 	</head>
 	<body data-sveltekit-preload-data="hover">
 		<div style="display: contents">%sveltekit.body%</div>
--- a/apps/manadeck/apps/web/src/hooks.server.ts
+++ b/apps/manadeck/apps/web/src/hooks.server.ts
@ -0,0 +1,19 @@
+import type { Handle } from '@sveltejs/kit';
+import { injectUmamiAnalytics } from '@manacore/shared-utils/analytics-server';
+
+const PUBLIC_MANA_CORE_AUTH_URL_CLIENT =
+	process.env.PUBLIC_MANA_CORE_AUTH_URL_CLIENT || process.env.PUBLIC_MANA_CORE_AUTH_URL || '';
+const PUBLIC_BACKEND_URL_CLIENT =
+	process.env.PUBLIC_BACKEND_URL_CLIENT || process.env.PUBLIC_BACKEND_URL || '';
+
+export const handle: Handle = async ({ event, resolve }) => {
+	return resolve(event, {
+		transformPageChunk: ({ html }) => {
+			const envScript = `<script>
+window.__PUBLIC_MANA_CORE_AUTH_URL__ = "${PUBLIC_MANA_CORE_AUTH_URL_CLIENT}";
+window.__PUBLIC_BACKEND_URL__ = "${PUBLIC_BACKEND_URL_CLIENT}";
+</script>`;
+			return injectUmamiAnalytics(html.replace('<head>', `<head>${envScript}`));
+		},
+	});
+};
--- a/apps/mukke/apps/web/package.json
+++ b/apps/mukke/apps/web/package.json
@ -50,6 +50,7 @@
 		"@manacore/shared-theme": "workspace:*",
 		"@manacore/shared-theme-ui": "workspace:*",
 		"@manacore/shared-ui": "workspace:*",
+		"@manacore/shared-utils": "workspace:*",
 		"@mukke/shared": "workspace:*",
 		"wavesurfer.js": "^7.8.0"
 	},
--- a/apps/mukke/apps/web/src/hooks.server.ts
+++ b/apps/mukke/apps/web/src/hooks.server.ts
@ -5,6 +5,7 @@
 */

 import type { Handle } from '@sveltejs/kit';
+import { injectUmamiAnalytics } from '@manacore/shared-utils/analytics-server';

 // Get client-side URLs from environment (Docker runtime)
 const PUBLIC_MANA_CORE_AUTH_URL_CLIENT =
@ -21,7 +22,7 @@ export const handle: Handle = async ({ event, resolve }) => {
 window.__PUBLIC_MANA_CORE_AUTH_URL__ = "${PUBLIC_MANA_CORE_AUTH_URL_CLIENT}";
 window.__PUBLIC_BACKEND_URL__ = "${PUBLIC_BACKEND_URL_CLIENT}";
 </script>`;
-			return html.replace('<head>', `<head>${envScript}`);
+			return injectUmamiAnalytics(html.replace('<head>', `<head>${envScript}`));
 		},
 	});
 };
--- a/apps/nutriphi/apps/web/src/app.html
+++ b/apps/nutriphi/apps/web/src/app.html
@ -7,8 +7,6 @@
 		<meta name="theme-color" content="#22C55E" />
 		<meta name="description" content="NutriPhi - KI-gestützte Ernährungsanalyse per Foto" />
 		%sveltekit.head%
-		<!-- Umami Analytics -->
-		<script defer src="https://stats.mana.how/script.js" data-website-id="33dfae72-f8e2-4aaa-8008-cbbceeaf072d"></script>
 	</head>
 	<body data-sveltekit-preload-data="hover">
 		<div style="display: contents">%sveltekit.body%</div>
--- a/apps/nutriphi/apps/web/src/hooks.server.ts
+++ b/apps/nutriphi/apps/web/src/hooks.server.ts
@ -5,6 +5,7 @@
 */

 import type { Handle } from '@sveltejs/kit';
+import { injectUmamiAnalytics } from '@manacore/shared-utils/analytics-server';

 // Get client-side URLs from environment (Docker runtime)
 const PUBLIC_MANA_CORE_AUTH_URL_CLIENT =
@ -21,7 +22,7 @@ export const handle: Handle = async ({ event, resolve }) => {
 window.__PUBLIC_MANA_CORE_AUTH_URL__ = "${PUBLIC_MANA_CORE_AUTH_URL_CLIENT}";
 window.__PUBLIC_BACKEND_URL__ = "${PUBLIC_BACKEND_URL_CLIENT}";
 </script>`;
-			return html.replace('<head>', `<head>${envScript}`);
+			return injectUmamiAnalytics(html.replace('<head>', `<head>${envScript}`));
 		},
 	});
 };
--- a/apps/photos/apps/web/src/app.html
+++ b/apps/photos/apps/web/src/app.html
@ -5,8 +5,6 @@
 		<link rel="icon" href="%sveltekit.assets%/favicon.png" />
 		<meta name="viewport" content="width=device-width, initial-scale=1" />
 		%sveltekit.head%
-		<!-- Umami Analytics -->
-		<script defer src="https://stats.mana.how/script.js" data-website-id="dc201d68-5f78-4716-a0b8-587376eca7a1"></script>
 	</head>
 	<body data-sveltekit-preload-data="hover">
 		<div style="display: contents">%sveltekit.body%</div>
--- a/apps/photos/apps/web/src/hooks.server.ts
+++ b/apps/photos/apps/web/src/hooks.server.ts
@ -0,0 +1,19 @@
+import type { Handle } from '@sveltejs/kit';
+import { injectUmamiAnalytics } from '@manacore/shared-utils/analytics-server';
+
+const PUBLIC_MANA_CORE_AUTH_URL_CLIENT =
+	process.env.PUBLIC_MANA_CORE_AUTH_URL_CLIENT || process.env.PUBLIC_MANA_CORE_AUTH_URL || '';
+const PUBLIC_BACKEND_URL_CLIENT =
+	process.env.PUBLIC_BACKEND_URL_CLIENT || process.env.PUBLIC_BACKEND_URL || '';
+
+export const handle: Handle = async ({ event, resolve }) => {
+	return resolve(event, {
+		transformPageChunk: ({ html }) => {
+			const envScript = `<script>
+window.__PUBLIC_MANA_CORE_AUTH_URL__ = "${PUBLIC_MANA_CORE_AUTH_URL_CLIENT}";
+window.__PUBLIC_BACKEND_URL__ = "${PUBLIC_BACKEND_URL_CLIENT}";
+</script>`;
+			return injectUmamiAnalytics(html.replace('<head>', `<head>${envScript}`));
+		},
+	});
+};
--- a/apps/picture/apps/web/package.json
+++ b/apps/picture/apps/web/package.json
@ -32,6 +32,7 @@
 		"@manacore/shared-theme": "workspace:*",
 		"@manacore/shared-theme-ui": "workspace:*",
 		"@manacore/shared-ui": "workspace:*",
+		"@manacore/shared-utils": "workspace:*",
 		"@picture/design-tokens": "workspace:*",
 		"@picture/shared": "workspace:*",
 		"konva": "^10.0.2",
--- a/apps/picture/apps/web/src/app.html
+++ b/apps/picture/apps/web/src/app.html
@ -4,8 +4,6 @@
 		<meta charset="utf-8" />
 		<meta name="viewport" content="width=device-width, initial-scale=1" />
 		%sveltekit.head%
-		<!-- Umami Analytics -->
-		<script defer src="https://stats.mana.how/script.js" data-website-id="273f67fa-5699-40f6-b85e-7a7a0a003539"></script>
 	</head>
 	<body data-sveltekit-preload-data="hover">
 		<div style="display: contents">%sveltekit.body%</div>
--- a/apps/picture/apps/web/src/hooks.server.ts
+++ b/apps/picture/apps/web/src/hooks.server.ts
@ -0,0 +1,19 @@
+import type { Handle } from '@sveltejs/kit';
+import { injectUmamiAnalytics } from '@manacore/shared-utils/analytics-server';
+
+const PUBLIC_MANA_CORE_AUTH_URL_CLIENT =
+	process.env.PUBLIC_MANA_CORE_AUTH_URL_CLIENT || process.env.PUBLIC_MANA_CORE_AUTH_URL || '';
+const PUBLIC_BACKEND_URL_CLIENT =
+	process.env.PUBLIC_BACKEND_URL_CLIENT || process.env.PUBLIC_BACKEND_URL || '';
+
+export const handle: Handle = async ({ event, resolve }) => {
+	return resolve(event, {
+		transformPageChunk: ({ html }) => {
+			const envScript = `<script>
+window.__PUBLIC_MANA_CORE_AUTH_URL__ = "${PUBLIC_MANA_CORE_AUTH_URL_CLIENT}";
+window.__PUBLIC_BACKEND_URL__ = "${PUBLIC_BACKEND_URL_CLIENT}";
+</script>`;
+			return injectUmamiAnalytics(html.replace('<head>', `<head>${envScript}`));
+		},
+	});
+};
--- a/apps/picture/apps/web/src/routes/+layout.svelte
+++ b/apps/picture/apps/web/src/routes/+layout.svelte
@ -32,16 +32,6 @@

 <svelte:head>
 	<link rel="icon" href={favicon} />
-
-	<!-- Umami Analytics -->
-	{#if import.meta.env.PUBLIC_UMAMI_WEBSITE_ID && import.meta.env.PUBLIC_UMAMI_URL}
-		<script
-			defer
-			src={`${import.meta.env.PUBLIC_UMAMI_URL}/script.js`}
-			data-website-id={import.meta.env.PUBLIC_UMAMI_WEBSITE_ID}
-			data-do-not-track="true"
-		></script>
-	{/if}
 </svelte:head>

 {@render children?.()}
--- a/apps/planta/apps/web/package.json
+++ b/apps/planta/apps/web/package.json
@ -40,6 +40,7 @@
 		"@manacore/shared-theme": "workspace:*",
 		"@manacore/shared-theme-ui": "workspace:*",
 		"@manacore/shared-ui": "workspace:*",
+		"@manacore/shared-utils": "workspace:*",
 		"@planta/shared": "workspace:*",
 		"svelte-i18n": "^4.0.1"
 	},
--- a/apps/planta/apps/web/src/app.html
+++ b/apps/planta/apps/web/src/app.html
@ -6,8 +6,6 @@
 		<meta name="viewport" content="width=device-width, initial-scale=1" />
 		<title>Planta - Pflanzendokumentation</title>
 		%sveltekit.head%
-		<!-- Umami Analytics -->
-		<script defer src="https://stats.mana.how/script.js" data-website-id="1e83a8a6-7fa8-4d39-9545-5c21dedbe3a2"></script>
 	</head>
 	<body data-sveltekit-preload-data="hover">
 		<div style="display: contents">%sveltekit.body%</div>
--- a/apps/planta/apps/web/src/hooks.server.ts
+++ b/apps/planta/apps/web/src/hooks.server.ts
@ -0,0 +1,19 @@
+import type { Handle } from '@sveltejs/kit';
+import { injectUmamiAnalytics } from '@manacore/shared-utils/analytics-server';
+
+const PUBLIC_MANA_CORE_AUTH_URL_CLIENT =
+	process.env.PUBLIC_MANA_CORE_AUTH_URL_CLIENT || process.env.PUBLIC_MANA_CORE_AUTH_URL || '';
+const PUBLIC_BACKEND_URL_CLIENT =
+	process.env.PUBLIC_BACKEND_URL_CLIENT || process.env.PUBLIC_BACKEND_URL || '';
+
+export const handle: Handle = async ({ event, resolve }) => {
+	return resolve(event, {
+		transformPageChunk: ({ html }) => {
+			const envScript = `<script>
+window.__PUBLIC_MANA_CORE_AUTH_URL__ = "${PUBLIC_MANA_CORE_AUTH_URL_CLIENT}";
+window.__PUBLIC_BACKEND_URL__ = "${PUBLIC_BACKEND_URL_CLIENT}";
+</script>`;
+			return injectUmamiAnalytics(html.replace('<head>', `<head>${envScript}`));
+		},
+	});
+};
--- a/apps/presi/apps/web/package.json
+++ b/apps/presi/apps/web/package.json
@ -46,6 +46,7 @@
 		"@manacore/shared-theme": "workspace:*",
 		"@manacore/shared-theme-ui": "workspace:*",
 		"@manacore/shared-ui": "workspace:*",
+		"@manacore/shared-utils": "workspace:*",
 		"svelte-i18n": "^4.0.1"
 	},
 	"type": "module"
--- a/apps/presi/apps/web/src/app.html
+++ b/apps/presi/apps/web/src/app.html
@ -5,8 +5,6 @@
    <link rel="icon" href="%sveltekit.assets%/favicon.png" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    %sveltekit.head%
-    <!-- Umami Analytics -->
-    <script defer src="https://stats.mana.how/script.js" data-website-id="a1eb8d1f-a4d5-43e6-b97a-c41351fe1c6f"></script>
  </head>
  <body data-sveltekit-preload-data="hover">
    <div style="display: contents">%sveltekit.body%</div>
--- a/apps/presi/apps/web/src/hooks.server.ts
+++ b/apps/presi/apps/web/src/hooks.server.ts
@ -0,0 +1,19 @@
+import type { Handle } from '@sveltejs/kit';
+import { injectUmamiAnalytics } from '@manacore/shared-utils/analytics-server';
+
+const PUBLIC_MANA_CORE_AUTH_URL_CLIENT =
+	process.env.PUBLIC_MANA_CORE_AUTH_URL_CLIENT || process.env.PUBLIC_MANA_CORE_AUTH_URL || '';
+const PUBLIC_BACKEND_URL_CLIENT =
+	process.env.PUBLIC_BACKEND_URL_CLIENT || process.env.PUBLIC_BACKEND_URL || '';
+
+export const handle: Handle = async ({ event, resolve }) => {
+	return resolve(event, {
+		transformPageChunk: ({ html }) => {
+			const envScript = `<script>
+window.__PUBLIC_MANA_CORE_AUTH_URL__ = "${PUBLIC_MANA_CORE_AUTH_URL_CLIENT}";
+window.__PUBLIC_BACKEND_URL__ = "${PUBLIC_BACKEND_URL_CLIENT}";
+</script>`;
+			return injectUmamiAnalytics(html.replace('<head>', `<head>${envScript}`));
+		},
+	});
+};
--- a/apps/questions/apps/web/src/hooks.server.ts
+++ b/apps/questions/apps/web/src/hooks.server.ts
@ -0,0 +1,19 @@
+import type { Handle } from '@sveltejs/kit';
+import { injectUmamiAnalytics } from '@manacore/shared-utils/analytics-server';
+
+const PUBLIC_MANA_CORE_AUTH_URL_CLIENT =
+	process.env.PUBLIC_MANA_CORE_AUTH_URL_CLIENT || process.env.PUBLIC_MANA_CORE_AUTH_URL || '';
+const PUBLIC_BACKEND_URL_CLIENT =
+	process.env.PUBLIC_BACKEND_URL_CLIENT || process.env.PUBLIC_BACKEND_URL || '';
+
+export const handle: Handle = async ({ event, resolve }) => {
+	return resolve(event, {
+		transformPageChunk: ({ html }) => {
+			const envScript = `<script>
+window.__PUBLIC_MANA_CORE_AUTH_URL__ = "${PUBLIC_MANA_CORE_AUTH_URL_CLIENT}";
+window.__PUBLIC_BACKEND_URL__ = "${PUBLIC_BACKEND_URL_CLIENT}";
+</script>`;
+			return injectUmamiAnalytics(html.replace('<head>', `<head>${envScript}`));
+		},
+	});
+};
--- a/apps/skilltree/apps/web/src/app.html
+++ b/apps/skilltree/apps/web/src/app.html
@ -16,8 +16,6 @@
 		<meta name="apple-mobile-web-app-title" content="SkillTree" />

 		%sveltekit.head%
-		<!-- Umami Analytics -->
-		<script defer src="https://stats.mana.how/script.js" data-website-id="5de13e08-95ae-4a69-aa2a-834f985be14d"></script>
 	</head>
 	<body data-sveltekit-preload-data="hover">
 		<div style="display: contents">%sveltekit.body%</div>
--- a/apps/skilltree/apps/web/src/hooks.server.ts
+++ b/apps/skilltree/apps/web/src/hooks.server.ts
@ -5,6 +5,7 @@
 */

 import type { Handle } from '@sveltejs/kit';
+import { injectUmamiAnalytics } from '@manacore/shared-utils/analytics-server';

 const PUBLIC_MANA_CORE_AUTH_URL_CLIENT =
 	process.env.PUBLIC_MANA_CORE_AUTH_URL_CLIENT || process.env.PUBLIC_MANA_CORE_AUTH_URL || '';
@ -18,7 +19,7 @@ export const handle: Handle = async ({ event, resolve }) => {
 window.__PUBLIC_MANA_CORE_AUTH_URL__ = "${PUBLIC_MANA_CORE_AUTH_URL_CLIENT}";
 window.__PUBLIC_BACKEND_URL__ = "${PUBLIC_BACKEND_URL_CLIENT}";
 </script>`;
-			return html.replace('<head>', `<head>${envScript}`);
+			return injectUmamiAnalytics(html.replace('<head>', `<head>${envScript}`));
 		},
 	});
 };
--- a/apps/storage/apps/web/package.json
+++ b/apps/storage/apps/web/package.json
@ -53,6 +53,7 @@
 		"@manacore/shared-theme": "workspace:*",
 		"@manacore/shared-theme-ui": "workspace:*",
 		"@manacore/shared-ui": "workspace:*",
+		"@manacore/shared-utils": "workspace:*",
 		"svelte-i18n": "^4.0.1"
 	},
 	"type": "module"
--- a/apps/storage/apps/web/src/app.html
+++ b/apps/storage/apps/web/src/app.html
@ -11,11 +11,7 @@
 		<meta property="og:description" content="Dein sicherer Cloud-Speicher für Dateien, Ordner und mehr." />
 		<meta property="og:site_name" content="Storage" />
 		<title>Storage - Cloud Drive</title>
-		<link rel="preconnect" href="https://stats.mana.how" />
-		<link rel="dns-prefetch" href="https://stats.mana.how" />
 		%sveltekit.head%
-		<!-- Umami Analytics -->
-		<script defer src="https://stats.mana.how/script.js" data-website-id="392ff51d-11f1-4f0c-9d55-6af1402a3ee6"></script>
 	</head>
 	<body data-sveltekit-preload-data="hover">
 		<div style="display: contents">%sveltekit.body%</div>
--- a/apps/todo/apps/web/src/app.html
+++ b/apps/todo/apps/web/src/app.html
@ -17,8 +17,6 @@

 		<title>Todo</title>
 		%sveltekit.head%
-		<!-- Umami Analytics -->
-		<script defer src="https://stats.mana.how/script.js" data-website-id="ec1bb158-d871-4bc6-bdbc-147c97b9c1c7"></script>
 	</head>
 	<body data-sveltekit-preload-data="hover">
 		<div style="display: contents">%sveltekit.body%</div>
--- a/apps/todo/apps/web/src/hooks.server.ts
+++ b/apps/todo/apps/web/src/hooks.server.ts
@ -5,6 +5,7 @@
 */

 import type { Handle } from '@sveltejs/kit';
+import { injectUmamiAnalytics } from '@manacore/shared-utils/analytics-server';

 // Get client-side URLs from environment (Docker runtime)
 const PUBLIC_MANA_CORE_AUTH_URL_CLIENT =
@ -21,7 +22,7 @@ export const handle: Handle = async ({ event, resolve }) => {
 window.__PUBLIC_MANA_CORE_AUTH_URL__ = "${PUBLIC_MANA_CORE_AUTH_URL_CLIENT}";
 window.__PUBLIC_BACKEND_URL__ = "${PUBLIC_BACKEND_URL_CLIENT}";
 </script>`;
-			return html.replace('<head>', `<head>${envScript}`);
+			return injectUmamiAnalytics(html.replace('<head>', `<head>${envScript}`));
 		},
 	});
 };
--- a/apps/zitare/apps/web/src/app.html
+++ b/apps/zitare/apps/web/src/app.html
@ -8,8 +8,6 @@
 		<meta name="description" content="Zitare - Inspirierende Zitate jeden Tag" />
 		<title>Zitare</title>
 		%sveltekit.head%
-		<!-- Umami Analytics -->
-		<script defer src="https://stats.mana.how/script.js" data-website-id="6a86139a-d8e2-469c-9754-1c40a70397fa"></script>
 	</head>
 	<body data-sveltekit-preload-data="hover">
 		<div style="display: contents">%sveltekit.body%</div>
--- a/apps/zitare/apps/web/src/hooks.server.ts
+++ b/apps/zitare/apps/web/src/hooks.server.ts
@ -5,6 +5,7 @@
 */

 import type { Handle } from '@sveltejs/kit';
+import { injectUmamiAnalytics } from '@manacore/shared-utils/analytics-server';

 // Get client-side URLs from environment (Docker runtime)
 const PUBLIC_MANA_CORE_AUTH_URL_CLIENT =
@ -21,7 +22,7 @@ export const handle: Handle = async ({ event, resolve }) => {
 window.__PUBLIC_MANA_CORE_AUTH_URL__ = "${PUBLIC_MANA_CORE_AUTH_URL_CLIENT}";
 window.__PUBLIC_BACKEND_URL__ = "${PUBLIC_BACKEND_URL_CLIENT}";
 </script>`;
-			return html.replace('<head>', `<head>${envScript}`);
+			return injectUmamiAnalytics(html.replace('<head>', `<head>${envScript}`));
 		},
 	});
 };