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ændelse | Beskrivelse | event.detail |
|---|---|---|
CookieHugOnConsentReady | Samtykkestatus er klar (indlæst eller netop indsendt) | { consent: {...} } |
CookieHugOnLoad | Banner indlæst, samtykkestatus læst | {} |
CookieHugOnAccept | Brugeren accepterede cookies (eller havde accepteret tidligere) | { consent: {...} } |
CookieHugOnDecline | Brugeren afviste cookies (eller havde afvist tidligere) | { consent: {...} } |
CookieHugOnDialogInit | Banneret er initialiseret (før visning) | {} |
CookieHugOnDialogDisplay | Banneret blev vist for brugeren | {} |
CookieHugOnTagsExecuted | Scripts 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
| Callback | Tilsvarende hændelse |
|---|---|
CookieHugCallback_OnConsentReady | CookieHugOnConsentReady |
CookieHugCallback_OnLoad | CookieHugOnLoad |
CookieHugCallback_OnAccept | CookieHugOnAccept |
CookieHugCallback_OnDecline | CookieHugOnDecline |
CookieHugCallback_OnDialogInit | CookieHugOnDialogInit |
CookieHugCallback_OnDialogDisplay | CookieHugOnDialogDisplay |
CookieHugCallback_OnTagsExecuted | CookieHugOnTagsExecuted |
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>