@bigz-app/booking-widget 0.3.1 → 0.3.2

package/dist/booking-widget.js

@@ -10365,7 +10365,7 @@
    */
   /**
    * Check if Google Consent Mode has granted the necessary permissions for ads tracking
-   * This only checks Google's official consent mode - the proper way to handle Google Ads consent
+   * This checks multiple sources of consent state in order of preference
    */
   function checkGoogleConsent() {
       console.log("[Google Ads Tracking] 🔍 Checking Google consent...");
@@ -10374,31 +10374,90 @@
           return false;
       }
       console.log("[Google Ads Tracking] ✅ Window object available");
-      // Check for gtag consent mode
-      if (typeof window.gtag === "function") {
-          console.log("[Google Ads Tracking] ✅ gtag function found");
-          try {
-              // Try to get consent state from Google's consent mode
-              let consentGranted = false;
-              window.gtag("get", (consentState) => {
-                  console.log("[Google Ads Tracking] 📋 Consent state received:", consentState);
-                  // For Google Ads conversion tracking, we need ad_storage consent
-                  consentGranted = consentState.ad_storage === "granted";
-                  console.log("[Google Ads Tracking] 🔐 ad_storage consent:", consentState.ad_storage);
-              });
-              console.log("[Google Ads Tracking] 🎯 Final consent result:", consentGranted);
-              return consentGranted;
+      // Method 1: Check dataLayer for consent_update events (most reliable)
+      if (window.dataLayer && Array.isArray(window.dataLayer)) {
+          console.log("[Google Ads Tracking] 🔍 Checking dataLayer for consent events...");
+          const dataLayer = window.dataLayer;
+          // Debug: Show the entire dataLayer contents
+          console.log("[Google Ads Tracking] 🗂️ Complete dataLayer contents:", JSON.stringify(dataLayer, null, 2));
+          console.log("[Google Ads Tracking] 📊 dataLayer length:", dataLayer.length);
+          // Look for the most recent consent update in dataLayer
+          let latestConsentState = null;
+          const foundEvents = [];
+          // Search backwards through dataLayer for most recent consent state
+          for (let i = dataLayer.length - 1; i >= 0; i--) {
+              const event = dataLayer[i];
+              console.log(`[Google Ads Tracking] 🔍 Checking dataLayer[${i}]:`, event);
+              if (event && typeof event === "object") {
+                  // Check for various consent event patterns
+                  if (event.event === "consent_update" || event.event === "default_consent") {
+                      console.log("[Google Ads Tracking] 📋 Found consent event:", event);
+                      foundEvents.push(event);
+                      if (event.consent_mode) {
+                          latestConsentState = event.consent_mode;
+                          break;
+                      }
+                  }
+                  // Also check for direct consent_mode properties
+                  if (event.consent_mode) {
+                      console.log("[Google Ads Tracking] 📋 Found consent_mode property:", event);
+                      foundEvents.push(event);
+                      latestConsentState = event.consent_mode;
+                      break;
+                  }
+              }
           }
-          catch (error) {
-              console.warn("[Google Ads Tracking] ⚠️ Error checking gtag consent:", error);
+          console.log("[Google Ads Tracking] 📋 All found consent events:", foundEvents);
+          if (latestConsentState) {
+              const adStorageGranted = latestConsentState.ad_storage === "granted";
+              console.log("[Google Ads Tracking] 🔐 ad_storage from dataLayer:", latestConsentState.ad_storage);
+              console.log("[Google Ads Tracking] 🎯 Consent result from dataLayer:", adStorageGranted);
+              return adStorageGranted;
+          }
+          console.log("[Google Ads Tracking] ❌ No consent events found in dataLayer");
+      }
+      console.log("[Google Ads Tracking] ❌ dataLayer not found or not an array");
+      // Method 2: Check for cookie-based consent (fallback for host implementation)
+      console.log("[Google Ads Tracking] 🔍 Checking cookie-based consent...");
+      try {
+          // Debug: Show all cookies
+          console.log("[Google Ads Tracking] 🍪 All cookies:", document.cookie);
+          const allCookies = document.cookie.split(";").map((cookie) => cookie.trim());
+          console.log("[Google Ads Tracking] 🍪 Parsed cookies:", allCookies);
+          // Check for the host page's conversion tracking consent cookie
+          const conversionTrackingCookie = document.cookie
+              .split(";")
+              .find((cookie) => cookie.trim().startsWith("conversionTrackingConsent="));
+          if (conversionTrackingCookie) {
+              const cookieValue = conversionTrackingCookie.split("=")[1];
+              const isGranted = cookieValue === "true";
+              console.log("[Google Ads Tracking] 🍪 Found conversionTrackingConsent cookie:", cookieValue);
+              console.log("[Google Ads Tracking] 🎯 Consent result from cookie:", isGranted);
+              return isGranted;
+          }
+          console.log("[Google Ads Tracking] ❌ conversionTrackingConsent cookie not found");
+          // Also check for other potential cookie names
+          const alternativeCookieNames = ["analyticsConsent", "ads_consent", "ad_storage"];
+          for (const cookieName of alternativeCookieNames) {
+              const alternativeCookie = allCookies.find((cookie) => cookie.startsWith(`${cookieName}=`));
+              if (alternativeCookie) {
+                  console.log(`[Google Ads Tracking] 🍪 Found alternative cookie ${cookieName}:`, alternativeCookie);
+              }
           }
       }
+      catch (error) {
+          console.warn("[Google Ads Tracking] ⚠️ Error checking cookies:", error);
+      }
+      // Method 3: Check if gtag exists but no consent state found
+      if (typeof window.gtag === "function") {
+          console.log("[Google Ads Tracking] ⚠️ gtag function exists but no consent state found");
+          console.log("[Google Ads Tracking] 💡 This might indicate consent hasn't been set yet");
+      }
       else {
           console.log("[Google Ads Tracking] ❌ gtag function not found");
       }
-      // If gtag is not available, we assume consent has not been properly configured
-      // The host page should implement Google Consent Mode if they want tracking
-      console.log("[Google Ads Tracking] 🚫 No consent mechanism found, returning false");
+      // If no consent mechanism is found, assume consent is not granted
+      console.log("[Google Ads Tracking] 🚫 No valid consent state found, returning false");
       return false;
   }
   /**