Меню документації

Події та колбеки

Події SDK CookieHug і колбеки конфігурації — як відстежувати зміни згоди, з прикладами.

Події

CookieHug надсилає Custom Events на об'єкт window. Слухайте їх за допомогою addEventListener.

Доступні події

ПодіяОписevent.detail
CookieHugOnConsentReadyСтан згоди готовий (завантажений або щойно надісланий){ consent: {...} }
CookieHugOnLoadБанер завантажено, стан згоди прочитано{}
CookieHugOnAcceptКористувач прийняв cookie (або приймав раніше){ consent: {...} }
CookieHugOnDeclineКористувач відхилив cookie (або відхиляв раніше){ consent: {...} }
CookieHugOnDialogInitБанер ініціалізовано (перед показом){}
CookieHugOnDialogDisplayБанер показано користувачеві{}
CookieHugOnTagsExecutedСкрипти з data-cookiehug-consent виконано{ count: N }

Приклад: прослуховування подій

window.addEventListener('CookieHugOnAccept', function(e) {
  console.log('Згоду надано:', e.detail.consent);

  if (e.detail.consent.statistics) {
    // Ініціалізувати аналітику
  }
  if (e.detail.consent.marketing) {
    // Ініціалізувати маркетингові піксели
  }
});

window.addEventListener('CookieHugOnDecline', function(e) {
  console.log('Користувач відхилив cookie');
});

window.addEventListener('CookieHugOnConsentReady', function(e) {
  // Спрацьовує під час кожного завантаження, щойно стан відомий
  console.log('Стан згоди:', e.detail.consent);
});

Колбеки

Замість подій можна оголосити глобальні функції-колбеки. Оголошуйте їх перед завантаженням скрипта CookieHug.

Доступні колбеки

КолбекВідповідна подія
CookieHugCallback_OnConsentReadyCookieHugOnConsentReady
CookieHugCallback_OnLoadCookieHugOnLoad
CookieHugCallback_OnAcceptCookieHugOnAccept
CookieHugCallback_OnDeclineCookieHugOnDecline
CookieHugCallback_OnDialogInitCookieHugOnDialogInit
CookieHugCallback_OnDialogDisplayCookieHugOnDialogDisplay
CookieHugCallback_OnTagsExecutedCookieHugOnTagsExecuted

Приклад: використання колбеків

<script>
  // Оголосіть колбеки ПЕРЕД скриптом CookieHug
  window.CookieHugCallback_OnAccept = function() {
    console.log('Cookie прийнято!');
    // Ініціалізувати сторонні сервіси
  };

  window.CookieHugCallback_OnDecline = function() {
    console.log('Cookie відхилено');
  };

  window.CookieHugCallback_OnLoad = function() {
    console.log('CookieHug завантажено');
  };
</script>

<script src="https://cookiehug.com/api/script/ВАШ-ЛІЦЕНЗІЙНИЙ-КЛЮЧ.js"></script>