diff --git a/src/lib/components/Analytics.svelte b/src/lib/components/Analytics.svelte
index 19b937d..d94a823 100644
--- a/src/lib/components/Analytics.svelte
+++ b/src/lib/components/Analytics.svelte
@@ -28,5 +28,35 @@
 </script>
 
 <svelte:head>
+	<meta property="id" content={import.meta.env.VITE_MEASUREMENT_ID} />
 	<script async src={'https://www.googletagmanager.com/gtag/js?id=' + id}></script>
+	<script>
+		//https://stackoverflow.com/questions/10668292/is-there-a-setting-on-google-analytics-to-suppress-use-of-cookies-for-users-who
+
+		window.dataLayer = window.dataLayer || [];
+		function gtag() {
+			dataLayer.push(arguments);
+		}
+
+		if (localStorage.cookies_accepted != 'true') {
+			console.log('Consent NOT Granted');
+			gtag('consent', 'default', {
+				analytics_storage: 'denied',
+				personalization_storage: 'denied',
+				functionality_storage: 'denied',
+				security_storage: 'denied'
+			});
+		} else {
+			console.log('Consent Granted');
+			gtag('consent', 'default', {
+				analytics_storage: 'granted',
+				personalization_storage: 'granted',
+				functionality_storage: 'granted',
+				security_storage: 'granted'
+			});
+		}
+
+		gtag('js', new Date());
+		gtag('config', document.head.querySelector('[property~=id][content]').content);
+	</script>
 </svelte:head>
diff --git a/src/lib/components/CookieConsentBanner.svelte b/src/lib/components/CookieConsentBanner.svelte
index 5f6dbc8..9a5bbc4 100644
--- a/src/lib/components/CookieConsentBanner.svelte
+++ b/src/lib/components/CookieConsentBanner.svelte
@@ -27,6 +27,7 @@
 				class="bg-red-600 p-2 rounded-md"
 				on:click={() => {
 					visible = false;
+					cookies_accepted.set(false);
 				}}>Deny</button
 			>
 		</div>
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 4e97977..59bba25 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -1,7 +1,10 @@
 <script>
 	import '../app.css';
+	import Analytics from '$lib/components/Analytics.svelte';
 </script>
 
+<Analytics />
+
 <nav
 	class="absolute top-0 p-2 w-full shadow-lg bg-gray-100 flex flex-1 flex-row space-x-4 justify-between pr-4 pl-4"
 >
diff --git a/svelte.config.js b/svelte.config.js
index f1f13b8..e58e77e 100644
--- a/svelte.config.js
+++ b/svelte.config.js
@@ -17,7 +17,11 @@ const config = {
 		csp: {
 			mode: 'hash',
 			directives: {
-				'script-src': ['self']
+				'script-src': [
+					'self',
+					'https://www.googletagmanager.com',
+					'sha256-JamhpR7Q0uG1GWX4dSnTzLPgvjwSq5qkY01Boe+khAU='
+				]
 			}
 		}
 	}