consentguard — Demo

GDPR-compliant cookie consent manager z pełną obsługą języka polskiego. Blokuje skrypty i pliki cookie do momentu uzyskania zgody.

🎛️ Sterowanie

Możesz programistycznie kontrolować moduł zgód:

🚫 Blokowanie skryptów

Poniższy skrypt jest zablokowany do momentu wyrażenia zgody na pliki analityczne. Gdy zaakceptujesz, w konsoli pojawi się komunikat.

<script type="text/plain" data-cookie-category="analytics">
  console.log('✅ Skrypt analityczny został odblokowany!');
  document.getElementById('analytics-status').textContent = '✅ Aktywny';
</script>

Status skryptu analitycznego: ❌ Zablokowany

🖼️ Blokowanie iframe

Poniższy iframe (YouTube) jest zablokowany do momentu wyrażenia zgody na pliki marketingowe:

📦 Integracja

Dodaj do swojej strony HTML — wystarczy jeden plik:

<!-- 1. Dołącz skrypt (najlepiej w <head>) -->
<script src="consent-guard.js"></script>

<!-- 2. Zainicjalizuj (na końcu <body> lub w DOMContentLoaded) -->
<script>
  ConsentGuard.init({
    cookiePolicyUrl: '/polityka-cookies',
    onAccept: function(consent) {
      if (consent.analytics) {
        // włącz Google Analytics
      }
    }
  });
</script>

<!-- 3. Oznacz skrypty do blokowania -->
<script type="text/plain" data-cookie-category="analytics"
  src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXX">
</script>

<!-- 4. Oznacz iframe'y do blokowania -->
<iframe data-cookie-category="marketing"
  data-src="https://www.youtube.com/embed/...">
</iframe>

🔧 API

// Inicjalizacja z opcjami
ConsentGuard.init({ ... });

// Sprawdź zgodę na kategorię
ConsentGuard.hasConsent('analytics');  // true/false

// Pobierz pełny stan zgód
ConsentGuard.getConsent();
// → { necessary: true, analytics: false, marketing: false, preferences: false }

// Otwórz ustawienia
ConsentGuard.showSettings();

// Resetuj (pokaż baner ponownie)
ConsentGuard.reset();

// Nasłuchuj zmian
window.addEventListener('cc:consent', (e) => {
  console.log(e.detail.consent);
});