From 4ec33cc201af91fc63f7de00b3c2367a41375678 Mon Sep 17 00:00:00 2001
From: Wituareard <87208350+Wituareard@users.noreply.github.com>
Date: Tue, 24 Jun 2025 20:08:31 +0200
Subject: [PATCH] Use Google Tag Manager instead of individual tags

---
 src/app.html | 32 ++++++++++++++++++++++----------
 1 file changed, 22 insertions(+), 10 deletions(-)
diff --git a/src/app.html b/src/app.html
index 480b6f540..5a835cc0e 100644
--- a/src/app.html
+++ b/src/app.html
@@ -14,23 +14,35 @@
 				: localStorage.setItem('color-scheme', 'dark')
 		</script>
 
-		<!-- Google tag (gtag.js) -->
-		<script async src="https://www.googletagmanager.com/gtag/js?id=G-VRJ4J53FC8"></script>
+		<!-- Google Tag Manager -->
 		<script>
-			window.dataLayer ??= []
-			function gtag() {
-				dataLayer.push(arguments)
-			}
-
-			gtag('js', new Date())
-			gtag('config', 'G-VRJ4J53FC8')
-			gtag('config', 'AW-16494962941')
+			;(function (w, d, s, l, i) {
+				w[l] = w[l] || []
+				w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' })
+				var f = d.getElementsByTagName(s)[0],
+					j = d.createElement(s),
+					dl = l != 'dataLayer' ? '&l=' + l : ''
+				j.async = true
+				j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl
+				f.parentNode.insertBefore(j, f)
+			})(window, document, 'script', 'dataLayer', 'GTM-MZS328RW')
 		</script>
+		<!-- End Google Tag Manager -->
 
 		%sveltekit.head%
 	</head>
 
 	<body data-sveltekit-preload-data="hover">
+		<!-- Google Tag Manager (noscript) -->
+		<noscript
+			><iframe
+				src="https://www.googletagmanager.com/ns.html?id=GTM-ABCDEFGH"
+				height="0"
+				width="0"
+				style="display: none; visibility: hidden"
+			></iframe
+		></noscript>
+		<!-- End Google Tag Manager (noscript) -->
 		<div style="display: contents">%sveltekit.body%</div>
 	</body>
 </html>
