Dokumentationsmenü

Ereignisse und Callbacks

Ereignisse des CookieHug-SDK und Konfigurations-Callbacks — Änderungen der Einwilligung abhören, mit Beispielen.

Ereignisse

CookieHug löst Custom Events am window-Objekt aus. Hören Sie sie mit addEventListener ab.

Verfügbare Ereignisse

Ereignis	Beschreibung	event.detail
`CookieHugOnConsentReady`	Einwilligungsstatus steht bereit (geladen oder gerade übermittelt)	`{ consent: {...} }`
`CookieHugOnLoad`	Banner geladen, Einwilligungsstatus gelesen	`{}`
`CookieHugOnAccept`	Nutzer hat Cookies akzeptiert (oder zuvor akzeptiert)	`{ consent: {...} }`
`CookieHugOnDecline`	Nutzer hat Cookies abgelehnt (oder zuvor abgelehnt)	`{ consent: {...} }`
`CookieHugOnDialogInit`	Banner initialisiert (vor der Anzeige)	`{}`
`CookieHugOnDialogDisplay`	Banner wurde angezeigt	`{}`
`CookieHugOnTagsExecuted`	Skripte mit `data-cookiehug-consent` wurden ausgeführt	`{ count: N }`

Beispiel: Ereignisse abhören

window.addEventListener('CookieHugOnAccept', function(e) {
  console.log('Einwilligung erteilt:', e.detail.consent);

  if (e.detail.consent.statistics) {
    // Analytics initialisieren
  }
  if (e.detail.consent.marketing) {
    // Marketing-Pixel initialisieren
  }
});

window.addEventListener('CookieHugOnDecline', function(e) {
  console.log('Nutzer hat Cookies abgelehnt');
});

window.addEventListener('CookieHugOnConsentReady', function(e) {
  // Wird bei jedem Seitenaufruf ausgelöst, sobald der Status feststeht
  console.log('Einwilligungsstatus:', e.detail.consent);
});

Callbacks

Alternativ zu Ereignissen können Sie globale Callback-Funktionen definieren. Definieren Sie sie vor dem Laden des CookieHug-Skripts.

Verfügbare Callbacks

Callback	Entsprechendes Ereignis
`CookieHugCallback_OnConsentReady`	`CookieHugOnConsentReady`
`CookieHugCallback_OnLoad`	`CookieHugOnLoad`
`CookieHugCallback_OnAccept`	`CookieHugOnAccept`
`CookieHugCallback_OnDecline`	`CookieHugOnDecline`
`CookieHugCallback_OnDialogInit`	`CookieHugOnDialogInit`
`CookieHugCallback_OnDialogDisplay`	`CookieHugOnDialogDisplay`
`CookieHugCallback_OnTagsExecuted`	`CookieHugOnTagsExecuted`

Beispiel: Callbacks verwenden

<script>
  // Callbacks VOR dem CookieHug-Skript definieren
  window.CookieHugCallback_OnAccept = function() {
    console.log('Cookies akzeptiert!');
    // Dienste von Drittanbietern initialisieren
  };

  window.CookieHugCallback_OnDecline = function() {
    console.log('Cookies abgelehnt');
  };

  window.CookieHugCallback_OnLoad = function() {
    console.log('CookieHug geladen');
  };
</script>

<script src="https://cookiehug.com/api/script/IHR-LIZENZSCHLÜSSEL.js"></script>