From 1dc8ca1b97fc048908a5ecd065631ec63fe35c24 Mon Sep 17 00:00:00 2001
From: Lisheng Guan <guanlisheng@gmail.com>
Date: Fri, 28 Feb 2025 17:57:29 +0800
Subject: [PATCH] GA: consent console

---
 layouts/partials/footer/consent.html | 36 ++++++++++++++++++++++++----
 layouts/partials/head/gtag.html      | 10 +++++++-
 2 files changed, 41 insertions(+), 5 deletions(-)

diff --git a/layouts/partials/footer/consent.html b/layouts/partials/footer/consent.html
index fee582ce..2834d680 100644
--- a/layouts/partials/footer/consent.html
+++ b/layouts/partials/footer/consent.html
@@ -1,4 +1,32 @@
-<div id="cookieconsent" class="cookie-banner" style="display: none">
-	<p>By using our website, you agree to our <a href="/docs/mmex/cookiepolicy">cookie policy</a>. We use cookies to give you the best online experience.</a></p>
-	<button id="cookieclose" class="btn btn-primary">Got it!</button>
-</div>
\ No newline at end of file
+<div id="cookieconsent" class="cookie-banner" style="display: none;">
+    <p>By using our website, you agree to our <a href="/docs/mmex/cookiepolicy">cookie policy</a>. We use cookies to give you the best online experience.</p>
+    <button id="cookieclose" class="btn btn-primary">Got it!</button>
+</div>
+
+<script>
+    window.onload = function() {
+        var consentBanner = document.getElementById('cookieconsent');
+        var consentButton = document.getElementById('cookieclose');
+
+        // Check if consent has been already given
+        if (localStorage.getItem('cookieConsent') === 'true') {
+            consentBanner.style.display = 'none'; // Hide consent banner
+            gtag('consent', 'update', {
+                'ad_storage': 'granted',
+                'analytics_storage': 'granted'
+            });
+        } else {
+            consentBanner.style.display = 'block'; // Show banner if no consent
+        }
+
+        // When the user clicks 'Got it!', store consent and hide the banner
+        consentButton.addEventListener('click', function() {
+            localStorage.setItem('cookieConsent', 'true'); // Store consent in localStorage
+            consentBanner.style.display = 'none'; // Hide banner
+            gtag('consent', 'update', {
+                'ad_storage': 'granted',
+                'analytics_storage': 'granted'
+            });
+        });
+    };
+</script>
diff --git a/layouts/partials/head/gtag.html b/layouts/partials/head/gtag.html
index 0b52bee3..8540b0bc 100644
--- a/layouts/partials/head/gtag.html
+++ b/layouts/partials/head/gtag.html
@@ -2,6 +2,14 @@
 <script>
     window.dataLayer = window.dataLayer || [];
     function gtag(){dataLayer.push(arguments);}
+
+    // Default to denied consent for ad_storage and analytics_storage
     gtag('js', new Date());
+    gtag('consent', 'default', {
+        'ad_storage': 'denied',
+        'analytics_storage': 'denied'
+    });
+
+    // Track Google Analytics setup (this will be triggered later by consent)
     gtag('config', '{{ .Site.GoogleAnalytics }}');
-</script>
\ No newline at end of file
+</script>