Menu della documentazione
Eventi e callback
Eventi dell'SDK CookieHug e callback di configurazione — ascoltare i cambiamenti di consenso, con esempi.
Eventi
CookieHug emette Custom Event sull'oggetto window. Ascoltali con addEventListener.
Eventi disponibili
| Evento | Descrizione | event.detail |
|---|---|---|
CookieHugOnConsentReady | Lo stato del consenso è pronto (caricato o appena inviato) | { consent: {...} } |
CookieHugOnLoad | Banner caricato, stato del consenso letto | {} |
CookieHugOnAccept | L'utente ha accettato i cookie (o li aveva già accettati) | { consent: {...} } |
CookieHugOnDecline | L'utente ha rifiutato i cookie (o li aveva già rifiutati) | { consent: {...} } |
CookieHugOnDialogInit | Banner inizializzato (prima della visualizzazione) | {} |
CookieHugOnDialogDisplay | Banner mostrato all'utente | {} |
CookieHugOnTagsExecuted | Gli script con data-cookiehug-consent sono stati eseguiti | { count: N } |
Esempio: ascoltare gli eventi
window.addEventListener('CookieHugOnAccept', function(e) {
console.log('Consenso concesso:', e.detail.consent);
if (e.detail.consent.statistics) {
// Inizializza l'analytics
}
if (e.detail.consent.marketing) {
// Inizializza i pixel di marketing
}
});
window.addEventListener('CookieHugOnDecline', function(e) {
console.log('L\'utente ha rifiutato i cookie');
});
window.addEventListener('CookieHugOnConsentReady', function(e) {
// Si attiva a ogni caricamento, appena lo stato è noto
console.log('Stato del consenso:', e.detail.consent);
});Callback
In alternativa agli eventi puoi definire funzioni di callback globali. Definiscile prima che venga caricato lo script di CookieHug.
Callback disponibili
| Callback | Evento corrispondente |
|---|---|
CookieHugCallback_OnConsentReady | CookieHugOnConsentReady |
CookieHugCallback_OnLoad | CookieHugOnLoad |
CookieHugCallback_OnAccept | CookieHugOnAccept |
CookieHugCallback_OnDecline | CookieHugOnDecline |
CookieHugCallback_OnDialogInit | CookieHugOnDialogInit |
CookieHugCallback_OnDialogDisplay | CookieHugOnDialogDisplay |
CookieHugCallback_OnTagsExecuted | CookieHugOnTagsExecuted |
Esempio: usare i callback
<script>
// Definisci i callback PRIMA dello script di CookieHug
window.CookieHugCallback_OnAccept = function() {
console.log('Cookie accettati!');
// Inizializza i servizi di terze parti
};
window.CookieHugCallback_OnDecline = function() {
console.log('Cookie rifiutati');
};
window.CookieHugCallback_OnLoad = function() {
console.log('CookieHug caricato');
};
</script>
<script src="https://cookiehug.com/api/script/LA-TUA-CHIAVE-DI-LICENZA.js"></script>