Bloquer un chatbot avant consentement avec tarteaucitron

tarteaucitron est un gestionnaire de consentement libre : il affiche le bandeau cookies et ne charge chaque service tiers qu'après l'accord du visiteur. Pour un chatbot, la méthode tient en trois gestes. On installe la bibliothèque, on retire le code d'origine du chat, puis on le remplace par la déclaration de service que tarteaucitron prévoit pour cet outil. Tant que le visiteur n'a pas accepté, le script du chat ne se charge pas.

Les faits ci-dessous viennent de la page d'installation officielle de tarteaucitron, lue le 15/11/2026. Pour le cadre juridique, cette page reste une information générale : le choix final se fait avec le client, et avec un juriste en cas de doute.

D'abord : faut-il bloquer ce chatbot ?

La CNIL distingue deux cas dans ses conseils sur les chatbots. Un cookie déposé seulement à l'activation du chat (clic sur la fenêtre ou sur un bouton), et qui ne sert qu'à fournir le chat, est dispensé de consentement. Un cookie déposé avant cette activation, par exemple dès le chargement de la page, demande un consentement préalable.

Le blocage par tarteaucitron sert donc quand le widget dépose un traceur dès le chargement, ou quand il sert aussi à autre chose que le chat. Vérifiez-le d'abord dans les outils de développement du navigateur, comme indiqué sur chatbot et consentement aux cookies. La CNIL prévoit une autre exemption, pour la mesure d'audience ; elle est expliquée par la page de NL-Q sur la mesure d'audience exemptée de consentement, et ne s'applique pas au chat.

Installer tarteaucitron

La page d'installation décrit trois étapes :

1. Télécharger la bibliothèque (depuis GitHub ou NPM) et placer le dossier /tarteaucitron/ à la racine du site.
2. Ajouter le script d'initialisation « juste après la balise d'ouverture <head> ».
3. Remplacer les codes existants des services par leur version tarteaucitron.

Deux réglages de l'initialisation comptent pour le chat :

• serviceDefaultState réglé sur "wait" (« Statut par défaut (true - wait - false) ») : les services restent en attente tant que le visiteur n'a pas répondu ;
• highPrivacy, décrit comme « Attendre le consentement ».

Remplacer le code du chat : l'exemple de Crisp

La page d'installation donne, pour chaque service, le code à ajouter et celui à supprimer. Pour Crisp Chat :

Code à ajouter (l'identifiant remplace **ID**) :

<script>
  tarteaucitron.user.crispID = '**ID**';
  (tarteaucitron.job = tarteaucitron.job || []).push('crisp');
</script>

Code à supprimer : le bloc d'origine de Crisp, celui qui définit window.$crisp et window.CRISP_WEBSITE_ID, puis charge le fichier l.js depuis les serveurs de Crisp.

C'est un point facile à oublier : si l'ancien code reste en place, le chat se charge quand même, avant tout consentement. Après la modification, cherchez dans le code de la page qu'il ne reste aucune trace du script d'origine.

Les services de chat listés

La page d'installation lue liste notamment ces outils de discussion : Brevo Conversations, Collect Chat, Crisp Chat, Intercom, PureChat, Robo Fabrica Chatbot, Smartsupp, Studizz Chatbot, Tawk.to chat, Tolk.ai Genii, Ubib Chatbot, User.com, Userlike, Zoho SalesIQ. Chaque fiche donne son propre code. Si l'outil de votre client n'y figure pas, la page lue ne décrit pas comment ajouter un service personnalisé : renseignez-vous dans la documentation du projet avant de promettre le blocage.

Ce que voit le visiteur

Avec un chat bloqué, le visiteur qui refuse les cookies ne voit pas la bulle. Prévoyez une solution pour lui :

• un lien « Nous contacter » visible dans la page, qui ne dépend pas du chat ;
• un message à l'endroit de la bulle, si l'outil de consentement le permet, qui explique comment activer le chat.

Les règles du bandeau rappelées par la CNIL s'appliquent aussi : refuser doit être aussi simple qu'accepter, et le silence vaut refus. Le choix du visiteur se conserve, selon la CNIL, en général six mois.

Liste de contrôle

1. Vérifié : le widget dépose-t-il un traceur avant l'activation du chat ?
2. tarteaucitron installé, initialisation juste après l'ouverture de <head>.
3. Code d'origine du chat supprimé, déclaration de service ajoutée.
4. Test en navigation privée : aucun appel au serveur du chat avant acceptation.
5. Test après acceptation : la bulle apparaît et la conversation fonctionne.
6. Moyen de contact visible pour les visiteurs qui refusent.

Si le site passe par Google Tag Manager plutôt que par tarteaucitron, voyez installer un chatbot avec Google Tag Manager.