Installeren via script-tag

Directe embed voor sites zonder Google Tag Manager.

Niet-getagde scripts worden niet automatisch geblokkeerd. Een Meta Pixel, Hotjar-, TikTok- of LinkedIn-tag die hardcoded in je HTML staat vuurt ongeacht consent — tenzij je hem tagt (zie scriptblokkering) of via GTM gate-t (zie de GTM-wrapping checklist).

Async-snippet

De eenvoudigste installatie. Plaats dit eenmalig in <head> op elke pagina. Voor niet-EU-verkeer prima; gebruik voor EU/EER/VK de sync-snippet hieronder, zodat Consent Mode-defaults er zijn vóórdat een Google-tag vuurt.

<script src="https://cookiekompas.nl/consent.js" data-website-id="JOUW-ID" async></script>

Sync-snippet (EU/EER/VK)

Zet de default Consent Mode-status inline en laad de rest async. Plaats zo vroeg mogelijk in <head>.

<!-- Default-deny EU/EER/VK -->
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('consent', 'default', {
    ad_storage: 'denied',
    analytics_storage: 'denied',
    ad_user_data: 'denied',
    ad_personalization: 'denied',
    functionality_storage: 'granted',
    personalization_storage: 'denied',
    security_storage: 'granted',
    wait_for_update: 500,
    region: ['EU', 'EEA', 'GB']
  });
</script>
<script src="https://cookiekompas.nl/consent.js" data-website-id="JOUW-ID" async></script>

Publieke API

De loader stelt window.CookieKompas beschikbaar:

window.CookieKompas.getConsent();
window.CookieKompas.setConsent({ analytics: true, marketing: false });
window.CookieKompas.resetConsent();
window.CookieKompas.openPreferences();
const off = window.CookieKompas.onConsentChange((c) => console.log(c));
off(); // unsubscribe