fix: re-run cookie-consent inline script on View Transitions via data-astro-rerun

The astro:page-load listener approach (27fbb49) did not fire for the
is:inline consent script after a client-side navigation. Switch to
data-astro-rerun so the inline script itself re-executes on every
transition: it rebinds the accept/decline buttons on the freshly-swapped
DOM, records a GA/Meta page_view per SPA navigation, and keeps
already-loaded state on window (which persists across swaps). All
analytics globals are window-qualified. Runtime-verified on the
production build with caching disabled.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

Author: cevheri

src/components/CookieConsent.astro

@@ -45,26 +45,29 @@
   />
 </noscript>
 
-<script is:inline>
+<!--
+  data-astro-rerun: with <ClientRouter/>, this inline script re-executes on every
+  View-Transition navigation, so the consent buttons get re-bound on the freshly
+  swapped DOM and each SPA page records its own analytics page_view. Cross-navigation
+  state (analytics already loaded?) is kept on `window`, which persists across swaps.
+-->
+<script is:inline data-astro-rerun>
   (function () {
-    if (window.__libredbConsentWired) return;
-    window.__libredbConsentWired = true;
-
     var GA_ID = 'G-Q59L35YFPW';
     var META_PIXEL_ID = '25949277121347381';
     var STORAGE_KEY = 'libredb-cookie-consent';
-    var analyticsLoaded = false;
 
     function loadGA() {
-      if (document.querySelector('script[src*="googletagmanager.com/gtag"]')) return;
+      if (window.__libredbGA) return;
+      window.__libredbGA = true;
       var s = document.createElement('script');
       s.async = true;
       s.src = 'https://www.googletagmanager.com/gtag/js?id=' + GA_ID;
       document.head.appendChild(s);
       window.dataLayer = window.dataLayer || [];
-      window.gtag = window.gtag || function () { dataLayer.push(arguments); };
-      gtag('js', new Date());
-      gtag('config', GA_ID);
+      window.gtag = window.gtag || function () { window.dataLayer.push(arguments); };
+      window.gtag('js', new Date());
+      window.gtag('config', GA_ID);
     }
 
     function loadMetaPixel() {
@@ -77,20 +80,19 @@
       t.src=v;s=b.getElementsByTagName(e)[0];
       s.parentNode.insertBefore(t,s)}(window,document,'script',
       'https://connect.facebook.net/en_US/fbevents.js');
-      fbq('init', META_PIXEL_ID);
+      window.fbq('init', META_PIXEL_ID);
     }
 
     function trackPageView() {
-      if (window.gtag) gtag('event', 'page_view', { page_path: location.pathname, page_location: location.href, page_title: document.title });
-      if (window.fbq) fbq('track', 'PageView');
+      if (window.gtag) window.gtag('event', 'page_view', { page_path: location.pathname, page_location: location.href, page_title: document.title });
+      if (window.fbq) window.fbq('track', 'PageView');
     }
 
     function enableAnalytics() {
       loadGA();
       loadMetaPixel();
-      analyticsLoaded = true;
       // GA `config` records this page; fire the single Meta PageView for it too
-      if (window.fbq) fbq('track', 'PageView');
+      if (window.fbq) window.fbq('track', 'PageView');
     }
 
     function hideBanner() {
@@ -109,32 +111,37 @@
       }
     }
 
-    function wire() {
-      var consent = localStorage.getItem(STORAGE_KEY);
-
-      if (consent === 'accepted') {
-        if (!analyticsLoaded) enableAnalytics();
-        else trackPageView();
-        return;
-      }
-      if (consent === 'declined') return;
+    var consent = localStorage.getItem(STORAGE_KEY);
 
-      // Not yet decided: show banner after 1s and (re)bind buttons on the freshly-rendered DOM
-      setTimeout(showBanner, 1000);
+    if (consent === 'declined') return;
 
-      var accept = document.getElementById('cookie-accept');
-      var decline = document.getElementById('cookie-decline');
-      if (accept) accept.addEventListener('click', function () {
-        localStorage.setItem(STORAGE_KEY, 'accepted');
-        hideBanner();
+    if (consent === 'accepted') {
+      // First time analytics are enabled this session, load them (GA `config` +
+      // Meta PageView count this page). On later SPA navigations just track the view.
+      if (window.__libredbAnalytics) {
+        trackPageView();
+      } else {
+        window.__libredbAnalytics = true;
         enableAnalytics();
-      });
-      if (decline) decline.addEventListener('click', function () {
-        localStorage.setItem(STORAGE_KEY, 'declined');
-        hideBanner();
-      });
+      }
+      return;
     }
 
-    document.addEventListener('astro:page-load', wire);
+    // Not yet decided: show the banner after 1s and bind the buttons on this
+    // (freshly swapped) DOM. A fresh node each navigation means no duplicate listeners.
+    setTimeout(showBanner, 1000);
+
+    var accept = document.getElementById('cookie-accept');
+    var decline = document.getElementById('cookie-decline');
+    if (accept) accept.addEventListener('click', function () {
+      localStorage.setItem(STORAGE_KEY, 'accepted');
+      hideBanner();
+      window.__libredbAnalytics = true;
+      enableAnalytics();
+    });
+    if (decline) decline.addEventListener('click', function () {
+      localStorage.setItem(STORAGE_KEY, 'declined');
+      hideBanner();
+    });
   })();
 </script>