Dokumentationsmenu

Hændelser og callbacks

Hændelser i CookieHug-SDK'et og callbacks i opsætningen — sådan lytter du efter ændringer i samtykket, med eksempler.

Hændelser

CookieHug udsender Custom Events på window-objektet. Lyt efter dem med addEventListener.

Tilgængelige hændelser

HændelseBeskrivelseevent.detail
CookieHugOnConsentReadySamtykkestatus er klar (indlæst eller netop indsendt){ consent: {...} }
CookieHugOnLoadBanner indlæst, samtykkestatus læst{}
CookieHugOnAcceptBrugeren accepterede cookies (eller havde accepteret tidligere){ consent: {...} }
CookieHugOnDeclineBrugeren afviste cookies (eller havde afvist tidligere){ consent: {...} }
CookieHugOnDialogInitBanneret er initialiseret (før visning){}
CookieHugOnDialogDisplayBanneret blev vist for brugeren{}
CookieHugOnTagsExecutedScripts med data-cookiehug-consent blev kørt{ count: N }

Eksempel: lyt efter hændelser

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

  if (e.detail.consent.statistics) {
    // Start analytics
  }
  if (e.detail.consent.marketing) {
    // Start markedsføringspixels
  }
});

window.addEventListener('CookieHugOnDecline', function(e) {
  console.log('Brugeren afviste cookies');
});

window.addEventListener('CookieHugOnConsentReady', function(e) {
  // Udløses ved hver sideindlæsning, når status er kendt
  console.log('Samtykkestatus:', e.detail.consent);
});

Callbacks

Som alternativ til hændelser kan du definere globale callback-funktioner. Definér dem før CookieHug-scriptet indlæses.

Tilgængelige callbacks

CallbackTilsvarende hændelse
CookieHugCallback_OnConsentReadyCookieHugOnConsentReady
CookieHugCallback_OnLoadCookieHugOnLoad
CookieHugCallback_OnAcceptCookieHugOnAccept
CookieHugCallback_OnDeclineCookieHugOnDecline
CookieHugCallback_OnDialogInitCookieHugOnDialogInit
CookieHugCallback_OnDialogDisplayCookieHugOnDialogDisplay
CookieHugCallback_OnTagsExecutedCookieHugOnTagsExecuted

Eksempel: brug af callbacks

<script>
  // Definér callbacks FØR CookieHug-scriptet
  window.CookieHugCallback_OnAccept = function() {
    console.log('Cookies accepteret!');
    // Start tredjepartstjenester
  };

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

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

<script src="https://cookiehug.com/api/script/DIN-LICENSNØGLE.js"></script>