ChatLab instellen voor AVG-naleving

AVG-wetgeving vereist dat websites toestemming van gebruikers verkrijgen voordat ze persoonsgegevens verwerken of marketinggerelateerde scripts laden. ChatLab biedt twee manieren om dit aan te pakken, en je kunt afhankelijk van je behoeften een van beide of beide methoden gebruiken.

Aanpak 1 - Privacytoestemming in de widget. Vraag bezoekers om rechtstreeks in de chatwidget akkoord te gaan met je privacybeleid voordat ze een gesprek kunnen starten of persoonlijke informatie kunnen verzenden.

Aanpak 2 - Laden na toestemming. Voorkom dat het chatbot-script überhaupt laadt totdat de bezoeker toestemming geeft voor cookies/marketing via je Consent Management Platform (CMP).

---

Aanpak 1: Privacytoestemming in de widget

ChatLab heeft ingebouwde toestemmingsinstellingen waarmee je bezoekers kunt verplichten akkoord te gaan met je privacybeleid voordat ze interactie hebben met de chatbot. De widget zelf verwerkt de toestemmingsstroom - er zijn geen externe tools nodig.

De instellingen openen

Open je chatbot in het dashboard, ga naar het tabblad Settings (Instellingen) en klik vervolgens op Consent & Privacy (Toestemming en privacy) in de linkerzijbalk.

Schakelaars voor toestemming

De kaart Request user consent (Toestemming van gebruiker vragen) heeft vier schakelaars.

• Require Privacy Policy consent before starting a new conversation (Toestemming voor privacybeleid vereisen voor het starten van een nieuw gesprek) - Wanneer ingeschakeld, moeten bezoekers akkoord gaan met het beleid voordat ze hun eerste bericht verzenden. Dit is de breedste optie: deze dekt automatisch alle formulieren (leadverzameling, menselijke ondersteuning en livechat), waardoor de andere drie schakelaars worden uitgeschakeld.
• Require Privacy Policy consent for human support (Toestemming voor privacybeleid vereisen voor menselijke ondersteuning) - Voegt een toestemmingsselectievakje toe aan het contactformulier voor menselijke ondersteuning.
• Require Privacy Policy consent for lead collection (Toestemming voor privacybeleid vereisen voor leadverzameling) - Voegt een toestemmingsselectievakje toe aan het formulier voor leadverzameling.
• Require Privacy Policy consent for live chat session (Toestemming voor privacybeleid vereisen voor livechatsessie) - Voegt een toestemmingsselectievakje toe aan het formulier voor livechat.

Als je alleen toestemming nodig hebt voor specifieke interacties (bijvoorbeeld alleen bij het verzamelen van persoonsgegevens via leads), schakel dan de afzonderlijke schakelaars in plaats van de optie voor een "nieuw gesprek" in.

De toestemmingsberichten aanpassen

Onder de schakelaars kun je op de kaart Consent & Privacy (Toestemming en privacy) configureren wat bezoekers te zien krijgen.

• Consent intro message (Introductiebericht voor toestemming) - De tekst die boven het selectievakje voor toestemming wordt weergegeven. Bijvoorbeeld: "Bevestig dat je ons privacybeleid hebt gelezen en geaccepteerd om door te gaan."
• Message to inform users about Privacy Policy consent requirement (Bericht om gebruikers te informeren over de vereiste toestemming voor het privacybeleid) - De labeltekst van het selectievakje. Gebruik markdown om een link naar je privacybeleid op te nemen:

I have read and accept the [Privacy Policy](https://www.example.com/privacy-policy).

Klik na het configureren op Save Changes (Wijzigingen opslaan).

---

Aanpak 2: Laden na toestemming (CMP-integratie)

Als je de chatbot onder je cookiebeleid classificeert als een marketingtool, moet je voorkomen dat het ChatLab-script laadt totdat de bezoeker toestemming geeft. Dit vereist een integratie met een Consent Management Platform.

Standaard ChatLab-insluitcode

De standaard insluitcode van ChatLab ziet er als volgt uit:

<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>

Deze code laadt onmiddellijk wanneer de pagina wordt geopend, ongeacht de toestemmingsvoorkeuren van de bezoeker.

Je vindt je API Key en Provider ID op het tabblad Deploy (Implementeren) van je chatbot.

Hieronder staan geteste methoden om het script uit te stellen totdat toestemming is verleend, met behulp van Cookiebot, Usercentrics en Google Tag Manager.

---

Cookiebot

Stap 1: Declareer de loader in een geblokkeerd script

Voeg het volgende script toe aan je pagina. Cookiebot blokkeert dit totdat de bezoeker marketingtoestemming geeft.

<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>

Stap 2: Luister naar toestemmingswijzigingen

<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

Stap 1: Registreer een aangepaste service

Maak in je Usercentrics-dashboard een nieuwe service aan:

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

Stap 2: Declareer de loader

<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>

Stap 3: Luister naar toestemmingswijzigingen

<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

Als je GTM gebruikt met een CMP-tool (Cookiebot, Usercentrics of een andere), kun je ChatLab voorwaardelijk laden via tags en triggers.

Stap 1: Maak de Load-tag aan

1. Ga naar Tags > New (Tags > Nieuw)
2. Stel Tag Type (Tagtype) in op Custom HTML (Aangepaste HTML)
3. Geef de tag de naam Load ChatLab
4. Plak deze 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>

Stap 2: Maak de Unload-tag aan

1. Maak nog een Custom HTML (Aangepaste HTML)-tag aan genaamd Unload ChatLab
2. Plak deze 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>

Stap 3: Maak de toestemmingstrigger aan

1. Ga naar Triggers > New (Triggers > Nieuw)
2. Geef de trigger de naam Consent - Marketing Accepted
3. Stel Trigger Type (Triggertype) in op Custom Event (Aangepaste gebeurtenis)
4. Stel Event name (Gebeurtenisnaam) in op CookieConsentDeclaration
5. Kies onder This trigger fires on (Deze trigger wordt geactiveerd bij) voor Some Custom Events (Sommige aangepaste gebeurtenissen) met de voorwaarde: CookieConsent marketing equals true
6. Wijs deze trigger toe aan de tag Load ChatLab

Stap 4: Maak de intrekkings-trigger aan

Volg dezelfde stappen om een trigger te maken voor wanneer marketingtoestemming wordt geweigerd, en wijs deze toe aan de tag Unload ChatLab.

---

Samenvatting

• Voor toestemming in de widget: Ga naar Bot Settings > Consent & Privacy (Botinstellingen > Toestemming en privacy) en schakel de gewenste schakelaars in. Pas het toestemmingsbericht aan en voeg een markdown-link naar je privacybeleid toe.
• Voor laden na toestemming: Vervang de standaard insluitcode door een voorwaardelijke loader die alleen wordt uitgevoerd nadat je CMP bevestigt dat er marketingtoestemming is verleend.
• Je kunt beide benaderingen combineren voor maximale naleving - stel het laden van het script uit tot cookietoestemming is gegeven, en vereis vervolgens ook acceptatie van het privacybeleid in de widget.