Cookie System Documentation

const CONSENT_KEY = 'dicebastion_cookie_consent';
const CONSENT_VERSION = '1.0'; // Increment to force re-consent

{
  "version": "1.0",
  "timestamp": "2024-12-15T10:30:00.000Z",
  "preferences": {
    "essential": true,
    "analytics": true
  }
}

function loadAnalytics() {
  const consent = getConsent();
  if (consent && consent.preferences.analytics) {
    // Load your analytics here
    console.log('Analytics enabled');
  }
}

// Uncomment in loadAnalytics():
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'YOUR-GA-ID');

# Clear consent and retest
# Browser DevTools → Application → Local Storage
# Delete: dicebastion_cookie_consent
# Refresh page → banner should reappear

// When user logs in, merge localStorage with server preferences
const userPreferences = {
  cookie_consent: {
    version: '1.0',
    preferences: { essential: true, analytics: true },
    synced_at: '2024-12-15T10:30:00.000Z'
  },
  marketing_opt_in: false,
  saved_payment_method: true,
  remember_details: true
};

// Check if user has given analytics consent
if (window.DiceBastionCookies.hasAnalyticsConsent()) {
  // Safe to load tracking pixels, etc.
}

// Get full consent object
const consent = window.DiceBastionCookies.getConsent();
// Returns: { version, timestamp, preferences: { essential, analytics }, synced }

// Programmatically set consent (e.g., from user account sync)
window.DiceBastionCookies.setConsent(
  { essential: true, analytics: true },
  true // fromServer - marks as synced from account
);

// Show the consent banner programmatically
window.DiceBastionCookies.showBanner();

// Check current consent version
const version = window.DiceBastionCookies.getVersion(); // '1.0'

// On user login, sync preferences from server
async function syncUserPreferences(userId) {
  const response = await fetch(`/api/user/${userId}/preferences`);
  const serverPrefs = await response.json();
  
  if (serverPrefs.cookie_consent) {
    window.DiceBastionCookies.setConsent(
      serverPrefs.cookie_consent.preferences,
      true // mark as synced
    );
  }
}

// On consent change, save to server (if logged in)
function onConsentChange(preferences) {
  const userId = localStorage.getItem('user_id');
  if (userId) {
    fetch(`/api/user/${userId}/preferences`, {
      method: 'POST',
      headers: { 'Content-Type': 'application/json' },
      body: JSON.stringify({ cookie_consent: preferences })
    });
  }
}

/* All buttons use same styling */
.cookie-btn-equal {
  background: #f0f0f0;
  color: #333;
  border: 1px solid #ccc;
}

.cookie-btn-equal:hover {
  background: #e5e5e5;
  border-color: #bbb;
}