document.addEventListener('DOMContentLoaded', function() { const container = document.getElementById('cookie-preferences-container'); if (!container) return; // Get current consent from localStorage const savedConsent = localStorage.getItem('gdpr-consent'); const consent = savedConsent ? JSON.parse(savedConsent) : { necessary: true, analytics: false, advertising: false, personalization: false }; // Create the preferences UI container.innerHTML = `

Necessary Cookies

These cookies are essential for the website to function properly. They enable basic functionality like authentication and security features.

Always active - Required for basic functionality

Analytics Cookies

These cookies help us understand how visitors interact with our website by collecting and reporting information anonymously.

Used by: Google Analytics

Advertising Cookies

These cookies are used to show you relevant advertisements and measure ad performance. They may be set by our advertising partners.

Used by: Google AdSense, Google Ad Manager

Personalization Cookies

These cookies remember your preferences and settings to provide a more personalized experience on subsequent visits.

Examples: Theme preferences, language settings, custom configurations

Last updated: ${consent.timestamp ? new Date(consent.timestamp).toLocaleDateString() : 'Never'}

Changes will take effect immediately and apply to your current and future visits. You can change these preferences at any time by returning to this page.

`; // Add event listeners document.getElementById('save-preferences')?.addEventListener('click', savePreferences); document.getElementById('accept-all')?.addEventListener('click', acceptAll); document.getElementById('reject-all')?.addEventListener('click', rejectAll); function savePreferences() { const newConsent = { necessary: true, analytics: document.getElementById('analytics').checked, advertising: document.getElementById('advertising').checked, personalization: document.getElementById('personalization').checked, timestamp: Date.now() }; localStorage.setItem('gdpr-consent', JSON.stringify(newConsent)); updateGoogleConsent(newConsent); showSuccessMessage(); } function acceptAll() { const newConsent = { necessary: true, analytics: true, advertising: true, personalization: true, timestamp: Date.now() }; localStorage.setItem('gdpr-consent', JSON.stringify(newConsent)); updateGoogleConsent(newConsent); // Update checkboxes document.getElementById('analytics').checked = true; document.getElementById('advertising').checked = true; document.getElementById('personalization').checked = true; showSuccessMessage(); } function rejectAll() { const newConsent = { necessary: true, analytics: false, advertising: false, personalization: false, timestamp: Date.now() }; localStorage.setItem('gdpr-consent', JSON.stringify(newConsent)); updateGoogleConsent(newConsent); // Update checkboxes document.getElementById('analytics').checked = false; document.getElementById('advertising').checked = false; document.getElementById('personalization').checked = false; showSuccessMessage(); } function updateGoogleConsent(consent) { if (window.gtag) { window.gtag('consent', 'update', { 'ad_storage': consent.advertising ? 'granted' : 'denied', 'ad_user_data': consent.advertising ? 'granted' : 'denied', 'ad_personalization': consent.advertising ? 'granted' : 'denied', 'analytics_storage': consent.analytics ? 'granted' : 'denied', 'personalization_storage': consent.personalization ? 'granted' : 'denied', 'functionality_storage': 'granted', 'security_storage': 'granted' }); } } function showSuccessMessage() { // Create and show success message const message = document.createElement('div'); message.className = 'fixed top-4 right-4 bg-green-600 text-white px-6 py-3 rounded-lg shadow-lg z-50'; message.textContent = 'Cookie preferences saved successfully!'; document.body.appendChild(message); setTimeout(() => { message.remove(); }, 3000); // Refresh the timestamp display window.location.reload(); } });

Cookie Preferences