Центр допомоги
Додавання чатбота на сайт

Налаштування ChatLab для відповідності GDPR

Останнє оновлення:

Регламент GDPR вимагає, щоб вебсайти отримували згоду користувачів перед обробкою персональних даних або завантаженням маркетингових скриптів. ChatLab пропонує два способи вирішення цього завдання, і ви можете використовувати один із них або обидва залежно від ваших потреб.

Підхід 1 - Згода на політику конфіденційності у віджеті. Вимагайте від відвідувачів прийняти вашу Політику конфіденційності безпосередньо у віджеті чату, перш ніж вони зможуть розпочати розмову або надіслати персональні дані.

Підхід 2 - Завантаження після надання згоди. Повне блокування завантаження скрипту чатбота доти, доки відвідувач не надасть згоду на використання файлів cookie/маркетингових інструментів через вашу платформу керування згодою (Consent Management Platform, CMP).


Підхід 1: Згода на політику конфіденційності у віджеті

У ChatLab є вбудовані налаштування згоди, які дозволяють вимагати від відвідувачів прийняття вашої Політики конфіденційності перед початком взаємодії з чатботом. Сам віджет обробляє процес отримання згоди - жодних сторонніх інструментів не потрібно.

Доступ до налаштувань

Відкрийте вашого чатбота на панелі керування, перейдіть на вкладку Settings (Налаштування), після чого натисніть Consent & Privacy (Згода та конфіденційність) на бічній панелі ліворуч.

Вкладка налаштувань Consent & Privacy виділена на бічній панелі

Перемикачі згоди

Картка Request user consent (Запитувати згоду користувача) містить чотири перемикачі.

Картка Request user consent із перемикачами

  • Require Privacy Policy consent before starting a new conversation (Вимагати згоду з Політикою конфіденційності перед початком нової розмови) - якщо увімкнено, відвідувачі повинні прийняти політику перед надсиланням свого першого повідомлення. Це найширший варіант: він автоматично поширюється на всі форми (збір лідів, підтримка людиною та live chat), тому інші три перемикачі стають неактивними.
  • Require Privacy Policy consent for human support (Вимагати згоду з Політикою конфіденційності для підтримки людиною) - додає прапорець згоди до контактної форми підтримки людиною.
  • Require Privacy Policy consent for lead collection (Вимагати згоду з Політикою конфіденційності для збору лідів) - додає прапорець згоди до форми збору лідів.
  • Require Privacy Policy consent for live chat session (Вимагати згоду з Політикою конфіденційності для сесії Live Chat) - додає прапорець згоди до форми Live Chat.

Якщо згода потрібна лише для окремих дій (наприклад, лише під час збору персональних даних через ліди), увімкніть окремі перемикачі замість перемикача нової розмови.

Налаштування повідомлень про згоду

Під перемикачами картка Consent & Privacy дозволяє налаштувати те, що бачитимуть відвідувачі.

Поле тексту мітки прапорця Privacy Policy

  • Consent intro message (Вступне повідомлення про згоду) - текст, що відображається над прапорцем згоди. Наприклад: «Будь ласка, підтвердьте, що ви ознайомилися з нашою Політикою конфіденційності та приймаєте її, щоб продовжити».
  • Message to inform users about Privacy Policy consent requirement (Повідомлення для інформування користувачів про необхідність згоди з Політикою конфіденційності) - текст мітки прапорця. Використовуйте розмітку markdown, щоб додати посилання на вашу політику конфіденційності:
I have read and accept the [Privacy Policy](https://www.example.com/privacy-policy).

Після налаштування натисніть Save Changes (Зберегти зміни).


Підхід 2: Завантаження після надання згоди (інтеграція з CMP)

Якщо згідно з вашою політикою щодо файлів cookie чатбот класифікується як маркетинговий інструмент, ви маєте заблокувати завантаження скрипту ChatLab доти, доки відвідувач не надасть згоду. Для цього потрібна інтеграція з платформою керування згодою (CMP).

Стандартний код вбудовування ChatLab

Стандартний код вбудовування ChatLab виглядає так:

<script>
  window.aichatbotApiKey = "YOUR_API_KEY_HERE";
  window.aichatbotProviderId = "YOUR_PROVIDER_ID_HERE";
</script>
<script src="https://script.chatlab.com/aichatbot.js" id="YOUR_API_KEY_HERE" defer></script>

Цей код завантажується миттєво під час відкриття сторінки, незалежно від налаштувань згоди відвідувача.

Ви можете знайти свій API Key та Provider ID на вкладці Deploy (Розгортання) вашого чатбота.

Код вбудовування на вкладці Deploy

Нижче наведено перевірені способи відкласти завантаження скрипту до отримання згоди за допомогою CookieBot, Usercentrics та Google Tag Manager.


CookieBot

Крок 1: Оголосіть завантажувач у заблокованому скрипті

Додайте на свою сторінку такий скрипт. CookieBot блокуватиме його, доки відвідувач не надасть маркетингову згоду.

<script type="text/plain" data-cookieconsent="marketing">
  window.loadChatLab = function () {
    if (document.getElementById("YOUR_API_KEY_HERE")) return;

    window.aichatbotApiKey = "YOUR_API_KEY_HERE";
    window.aichatbotProviderId = "YOUR_PROVIDER_ID_HERE";

    var script = document.createElement("script");
    script.src = "https://script.chatlab.com/aichatbot.js";
    script.defer = true;
    script.id = "YOUR_API_KEY_HERE";

    document.body.appendChild(script);
  };

  window.unloadChatLab = function () {
    var existing = document.getElementById("YOUR_API_KEY_HERE");
    if (existing) existing.remove();
    delete window.aichatbotApiKey;
    delete window.aichatbotProviderId;
  };

  window.loadChatLab();
</script>

Крок 2: Відстежуйте зміни згоди

<script>
  function checkCookiebotConsent() {
    if (Cookiebot.consents?.marketing && typeof window.loadChatLab === "function") {
      window.loadChatLab();
    } else if (typeof window.unloadChatLab === "function") {
      window.unloadChatLab();
    }
  }

  window.addEventListener("CookiebotOnConsentReady", checkCookiebotConsent);
  window.addEventListener("CookieConsentDeclaration", checkCookiebotConsent);
</script>

Usercentrics

Крок 1: Зареєструйте користувацький сервіс

На панелі керування Usercentrics створіть новий сервіс:

  • Name: ChatLab
  • Category: Marketing
  • Behavior: Block execution until consent is granted

Крок 2: Оголосіть завантажувач

<script>
  window.loadChatLab = function () {
    if (document.getElementById("YOUR_API_KEY_HERE")) return;

    window.aichatbotApiKey = "YOUR_API_KEY_HERE";
    window.aichatbotProviderId = "YOUR_PROVIDER_ID_HERE";

    var script = document.createElement("script");
    script.src = "https://script.chatlab.com/aichatbot.js";
    script.defer = true;
    script.id = "YOUR_API_KEY_HERE";

    document.body.appendChild(script);
  };

  window.unloadChatLab = function () {
    var existing = document.getElementById("YOUR_API_KEY_HERE");
    if (existing) existing.remove();
    delete window.aichatbotApiKey;
    delete window.aichatbotProviderId;
  };
</script>

Крок 3: Відстежуйте зміни згоди

<script>
  function checkUsercentricsConsent() {
    var services = window.UC_UI?.getServicesBaseInfo?.() || [];
    var hasConsent = services.some(
      function (s) { return s.name === "ChatLab" && s.consent.status === true; }
    );

    if (hasConsent && typeof loadChatLab === "function") {
      window.loadChatLab();
    } else if (typeof unloadChatLab === "function") {
      window.unloadChatLab();
    }
  }

  window.addEventListener("UC_UI_INITIALIZED", checkUsercentricsConsent);
  window.addEventListener("UC_UI_CONSENTS_UPDATED", checkUsercentricsConsent);
</script>

Google Tag Manager

Якщо ви використовуєте GTM із будь-яким інструментом CMP (CookieBot, Usercentrics чи іншим), ви можете завантажувати ChatLab за певної умови за допомогою тегів і тригерів.

Крок 1: Створіть тег завантаження (Load)

  1. Перейдіть до Tags > New (Теги > Створити)
  2. Встановіть Tag Type (Тип тегу) на Custom HTML (Спеціальний HTML)
  3. Назвіть тег Load ChatLab
  4. Вставте цей HTML-код:
<script>
  window.loadChatLab = function () {
    if (document.getElementById("YOUR_API_KEY_HERE")) return;

    window.aichatbotApiKey = "YOUR_API_KEY_HERE";
    window.aichatbotProviderId = "YOUR_PROVIDER_ID_HERE";

    var script = document.createElement("script");
    script.src = "https://script.chatlab.com/aichatbot.js";
    script.defer = true;
    script.id = "YOUR_API_KEY_HERE";

    document.body.appendChild(script);
  };

  window.loadChatLab();
</script>

Крок 2: Створіть тег вивантаження (Unload)

  1. Створіть ще один тег Custom HTML із назвою Unload ChatLab
  2. Вставте цей HTML-код:
<script>
  window.unloadChatLab = function () {
    var existing = document.getElementById("YOUR_API_KEY_HERE");
    if (existing) existing.remove();
    delete window.aichatbotApiKey;
    delete window.aichatbotProviderId;
  };
  window.unloadChatLab();
</script>

Крок 3: Створіть тригер надання згоди

  1. Перейдіть до Triggers > New (Тригери > Створити)
  2. Назвіть тригер Consent - Marketing Accepted
  3. Встановіть Trigger Type (Тип тригера) на Custom Event (Спеціальна подія)
  4. Встановіть Event name (Назва події) на CookieConsentDeclaration
  5. У розділі This trigger fires on (Цей тригер спрацьовує на) виберіть Some Custom Events (Деякі спеціальні події) з умовою: CookieConsent marketing equals true
  6. Призначте цей тригер тегу Load ChatLab

Крок 4: Створіть тригер скасування згоди

Виконайте ті самі дії, щоб створити тригер на випадок відхилення маркетингової згоди, і призначте його тегу Unload ChatLab.


Підсумок

  • Для згоди всередині віджета: перейдіть до Bot Settings > Consent & Privacy та увімкніть відповідні перемикачі. Налаштуйте повідомлення про згоду та додайте markdown-посилання на вашу політику конфіденційності.
  • Для завантаження після надання згоди: замініть стандартний код вбудовування умовним завантажувачем, який спрацьовує лише після того, як ваша CMP підтвердить надання маркетингової згоди.
  • Ви можете об'єднати обидва підходи для максимальної відповідності вимогам - відкласти завантаження скрипту до отримання згоди на cookie, а також вимагати прийняття політики конфіденційності безпосередньо у віджеті.