Modèle de bandeau cookies et d'information des visiteurs

Projet de document, à faire valider par un juriste avant publication.

Date d'entrée en vigueur : [DATE D'ENTRÉE EN VIGUEUR]

Ce kit aide les marchands à recueillir l'accord de leurs visiteurs avant d'utiliser Loupsio, et à les informer. Il contient :

1. le texte court du bandeau ;
2. la description de la finalité « Analyse des sessions » pour votre gestionnaire de consentement ;
3. un paragraphe à ajouter à votre politique de confidentialité ;
4. le code qui relie le consentement à Loupsio.

Les textes entre crochets sont à compléter par vous : [NOM DE LA BOUTIQUE], [E-MAIL DE LA BOUTIQUE], [DURÉE DE CONSERVATION], [LIEN VERS LES RÉGLAGES DES COOKIES]. Les paragraphes qui commencent par « [Paragraphe à garder seulement si… » dépendent des réglages de votre site (Réglages › Confidentialité) et des outils que vous reliez à Loupsio. Adaptez ces textes à votre boutique : vous êtes responsable de l'information de vos visiteurs.

Pourquoi demander l'accord des visiteurs

Loupsio ne dépose pas de cookie. Mais il garde un identifiant dans le navigateur du visiteur (sessionStorage, et localStorage si vous activez la reconnaissance des visiteurs qui reviennent), lit l'identifiant que vos outils d'analyse ou de marketing ont attribué au visiteur si vous les reliez à Loupsio, et enregistre sa navigation. Les règles sur les cookies (article 82 de la loi Informatique et Libertés, qui transpose l'article 5.3 de la directive « ePrivacy ») s'appliquent à tout ce qui est stocké ou lu dans le navigateur, avec ou sans cookie.

Nous retenons la position la plus prudente : l'enregistrement de sessions n'est pas exempté de consentement. Il doit être accepté par le visiteur avant de démarrer, comme le recommande la CNIL pour les traceurs qui ne sont pas strictement nécessaires.

En pratique :

• installez le script en mode consentement (data-consent="required") : rien n'est enregistré, envoyé ni écrit dans le navigateur sur la visite, et aucun sondage ne s'affiche, avant l'accord du visiteur ;
• le bouton Refuser doit être aussi visible et aussi simple que le bouton Accepter ;
• le visiteur doit pouvoir retirer son accord à tout moment, aussi facilement qu'il l'a donné ;
• ne classez pas Loupsio dans les traceurs « strictement nécessaires ».

Note pour le juriste. Confirmer la position au regard de la doctrine CNIL à jour, notamment des conditions de l'exemption pour la mesure d'audience, qui ne paraissent pas remplies par l'enregistrement de sessions.

Note pour le juriste. L'identifiant de visiteur de 13 mois, le rattachement des visites au numéro de client, et l'envoi des frictions vers Google Analytics 4, Segment ou Klaviyo avec la lecture de leurs cookies dépassent l'analyse d'une visite isolée. Trancher s'ils peuvent rester dans la finalité « Analyse des sessions » ou s'ils demandent une finalité et un accord distincts, notamment pour les outils de marketing (Klaviyo, Segment).

1. Texte court du bandeau

Si votre bandeau couvre d'autres finalités (publicité, réseaux sociaux…), ajoutez ce texte à la liste.

Nous aimerions améliorer notre site

Avec votre accord, nous enregistrons votre navigation (pages vues, clics, défilement) pour repérer ce qui ne fonctionne pas et le corriger. Ce que vous tapez dans les formulaires (e-mail, mot de passe, carte bancaire…) n'est jamais transmis. Vous pouvez changer d'avis à tout moment. [En savoir plus]

[Refuser] [Personnaliser] [Accepter]

2. Finalité « Analyse des sessions » pour votre gestionnaire de consentement

Traceurs utilisés par Loupsio (aucun cookie) :

Si vous reliez Google Analytics 4, Segment ou Klaviyo à Loupsio, le script lit aussi, sans les modifier, les identifiants que ces outils ont déposés : cookie _ga, identifiant anonyme de Segment (ajs_anonymous_id), cookie __kla_id. Mentionnez-le dans la description de Loupsio et de ces outils dans votre gestionnaire de consentement.

La CNIL recommande de conserver le choix du visiteur (accord ou refus) pendant 6 mois, puis de lui redemander.

3. Paragraphe pour votre politique de confidentialité

Analyse des sessions (Loupsio)

Si vous l'acceptez, nous enregistrons la façon dont vous utilisez notre site : pages consultées, clics, mouvements de souris, défilement, contenu des pages tel qu'il s'affiche pour vous, et usage des formulaires (champs utilisés, temps passé, champs refusés, formulaire envoyé ou abandonné, sans ce que vous y tapez). Nous relevons aussi des informations techniques : type d'appareil, navigateur, langue, taille de la fenêtre, erreurs et vitesse des pages, requêtes de la page qui échouent ou sont lentes, messages d'erreur du navigateur, site d'où vous venez et campagne publicitaire éventuelle, version de nos tests A/B qui vous est présentée. Si vous répondez à un sondage ou laissez un avis, votre réponse est reliée à votre visite.

Ce que vous tapez dans les formulaires (e-mail, mot de passe, carte bancaire, adresse…) est masqué dans votre navigateur et n'est jamais transmis. Les paramètres des adresses de pages sont retirés. Le contenu des requêtes de la page n'est jamais relevé. Votre adresse IP n'est pas conservée.

Pourquoi ? Pour repérer ce qui gêne nos visiteurs (erreurs, boutons qui ne répondent pas, étapes difficiles) et améliorer notre site.

Base légale : votre consentement. Vous pouvez le retirer à tout moment depuis [LIEN VERS LES RÉGLAGES DES COOKIES]. Le retrait arrête l'enregistrement.

Prestataire : nous utilisons Loupsio, édité par [SOCIÉTÉ ÉDITRICE], qui traite ces données pour notre compte, comme sous-traitant. Les données sont hébergées dans l'Union européenne (Pays-Bas et France).

Stockage dans votre navigateur : aucun cookie. Un identifiant de visite aléatoire est gardé dans la mémoire de l'onglet (sessionStorage) et effacé à sa fermeture. Si un sondage vous est proposé, une date est gardée dans votre navigateur (localStorage) pour ne pas vous le reproposer, pendant 30 jours ou 1 an si vous y avez répondu.

[Paragraphe à garder seulement si vous activez « Reconnaître les visiteurs qui reviennent » :] Un identifiant aléatoire est gardé dans votre navigateur (localStorage) pendant 13 mois au plus, pour savoir si vous revenez sur notre site. Il relie vos visites entre elles. Il n'est pas prolongé à chaque visite.

[Paragraphe à garder seulement si « Identifier les clients connectés » est actif ou si vous appelez loupsio('identify', …) :] Si vous êtes connecté à votre compte client, votre visite est rattachée à votre numéro de client. Cela nous permet de retrouver et d'effacer vos visites à votre demande, et de mesurer si nos clients reviennent.

[Paragraphe à garder seulement si vous enregistrez le montant des commandes, avec l'app Shopify ou loupsio('event', 'commande', …) :] Si vous passez commande, son montant [, sa devise et son numéro] sont reliés à votre visite, pour estimer ce que les difficultés rencontrées sur le site nous coûtent en ventes.

[Paragraphe à garder seulement si vous reliez Google Analytics 4, Segment ou Klaviyo à Loupsio :] Les difficultés détectées pendant votre visite (type, page, élément concerné) sont transmises à [NOM DE L'OUTIL], rattachées à l'identifiant que cet outil vous a déjà attribué. Pour cela, Loupsio lit cet identifiant dans votre navigateur ([cookie _ga / identifiant anonyme de Segment / cookie __kla_id]). [LIEU DE TRAITEMENT DE L'OUTIL ET GARANTIES EN CAS DE TRANSFERT HORS DE L'UNION EUROPÉENNE.]

[Paragraphe à garder seulement si vous exportez les données vers votre entrepôt de données :] Une copie quotidienne des visites, des réponses aux sondages et des avis est conservée dans [NOM ET LIEU DE L'ENTREPÔT], pendant [DURÉE].

Durée de conservation : [DURÉE DE CONSERVATION], puis suppression automatique.

[Paragraphe à garder seulement si vous activez une option Claude de Loupsio ; retirez les phrases des options que vous n'activez pas :] Certaines données peuvent être transmises à Anthropic PBC, aux États-Unis, pour être analysées par l'outil d'intelligence artificielle Claude. Pour répondre à nos questions sur les statistiques du site : des totaux (nombres de visites, taux, adresses de pages, libellés de boutons). Pour résumer une visite : sa chronologie (pages vues, éléments cliqués, difficultés rencontrées, formulaires, durée, montant commandé). Pour regrouper vos commentaires par thème : le texte des commentaires que vous laissez dans nos sondages ou notre bouton d'avis. Ce transfert est encadré par des garanties prévues par le RGPD. Ni les enregistrements de visites ni ce que vous tapez dans les formulaires du site ne sont transmis.

Vos droits : vous pouvez accéder à vos données, les faire effacer ou vous opposer à leur traitement en écrivant à [E-MAIL DE LA BOUTIQUE]. Pour nous aider à retrouver votre visite, indiquez la date, l'heure approximative, les pages visitées, l'appareil utilisé, votre numéro de client si vous étiez connecté à votre compte et, si vous avez répondu à un sondage ou laissé un avis, ce que vous y avez écrit. [Phrase à garder seulement si vous n'activez ni la reconnaissance des visiteurs qui reviennent ni l'identification des clients :] Aucun identifiant ne vous suit d'une visite à l'autre. Vous pouvez aussi adresser une réclamation à la CNIL (www.cnil.fr) ou à l'autorité de protection des données de votre pays.

Note pour le juriste. Les totaux envoyés à Anthropic pour l'assistant sont agrégés ; par prudence, le modèle propose de les mentionner. La chronologie d'une visite et le texte des commentaires ne sont pas agrégés, et les commentaires peuvent contenir tout ce que le visiteur a écrit : la mention paraît nécessaire dès que l'une de ces options est activée. À confirmer, ainsi que le besoin d'une mention dans la description de la finalité du gestionnaire de consentement.

4. Relier le consentement à Loupsio

Le principe

• Au chargement, en mode consentement, Loupsio attend.
• Quand le visiteur accepte la finalité « Analyse des sessions », appelez loupsio('consent', true).
• Quand il refuse ou retire son accord, appelez loupsio('consent', false). L'enregistrement s'arrête.
• Loupsio ne mémorise pas le choix. Sur chaque page, votre gestionnaire de consentement doit appeler loupsio('consent', true) si le visiteur a déjà accepté.

Étape 1 : installer le script en mode consentement

Dans le <head> de toutes vos pages, avant le script de votre bandeau :

<script>window.loupsio = window.loupsio || function () { (window.loupsio.q = window.loupsio.q || []).push(arguments); };</script>
<script async src="https://app.exemple.com/loupsio.js" data-site="s-xxxxxxxxxx" data-consent="required"></script>

La première ligne permet d'appeler loupsio(...) avant que le script soit chargé. Remplacez l'adresse et l'identifiant s-xxxxxxxxxx par ceux indiqués dans l'application (Réglages › Général, ou écran Installation).

Étape 2 : appeler Loupsio depuis votre bandeau

// Quand le visiteur accepte la finalité « Analyse des sessions »,
// et à chaque chargement de page si son accord est déjà enregistré :
loupsio('consent', true);

// Quand il refuse, ou quand il retire son accord :
loupsio('consent', false);

Exemple générique

Le code ci-dessous est un pseudo-code : monBandeau.quandLeChoixEstConnu n'existe pas. Remplacez-le par le mécanisme que fournit votre outil pour être prévenu du choix du visiteur (au chargement de la page et à chaque changement).

monBandeau.quandLeChoixEstConnu(function (choix) {
  // true si le visiteur a accepté la finalité « Analyse des sessions », false sinon
  loupsio('consent', choix.analyseDesSessions === true);
});

Variante la plus prudente : ne charger le script qu'après l'accord

En mode consentement, le fichier loupsio.js est téléchargé depuis le serveur de Loupsio dès l'ouverture de la page, même s'il n'enregistre rien. Pour éviter toute requête vers Loupsio avant l'accord, chargez le script seulement quand le visiteur accepte :

function activerLoupsio() {
  if (!document.getElementById('loupsio-script')) {
    var s = document.createElement('script');
    s.id = 'loupsio-script';
    s.async = true;
    s.src = 'https://app.exemple.com/loupsio.js';
    s.setAttribute('data-site', 's-xxxxxxxxxx');
    s.setAttribute('data-consent', 'required');
    document.head.appendChild(s);
  }
  loupsio('consent', true);
}
// Appelez activerLoupsio() quand le visiteur accepte (et à chaque page s'il a déjà accepté),
// et loupsio('consent', false) quand il refuse ou retire son accord.

Gardez la ligne window.loupsio = ... de l'étape 1 dans le <head>.

Note pour le juriste. Indiquer si cette variante doit devenir la recommandation par défaut.

Gestionnaires de consentement courants

Le principe est le même partout : déclarez Loupsio comme un service ou un fournisseur de la finalité « Analyse des sessions » (catégorie statistiques), puis appelez la bonne ligne quand le visiteur accepte ou refuse cette finalité. Reportez-vous à la documentation de votre outil pour savoir où placer ces lignes.

Vérifier l'installation

1. Ouvrez votre boutique dans une fenêtre de navigation privée.
2. Refusez : naviguez quelques pages. Aucune nouvelle session ne doit apparaître dans Loupsio.
3. Effacez le choix (ou ouvrez une nouvelle fenêtre privée), puis acceptez : la session doit apparaître dans Loupsio peu après.
4. Changez de page : l'enregistrement doit continuer sans redemander l'accord.
5. Retirez votre accord depuis les réglages des cookies : l'enregistrement doit s'arrêter.

Et aussi

• Activez « Masquer tout le texte des pages » dans Réglages › Confidentialité, ou masquez avec data-loupsio-mask, ou excluez avec data-loupsio-block, les éléments qui affichent des données personnelles (nom, adresse, numéro de commande sur les pages « mon compte » ou de confirmation). Les saisies sont masquées automatiquement, mais le texte affiché dans la page est enregistré s'il n'est pas masqué.
• Avec « Pages à ne pas enregistrer » (Réglages › Général), ne faites pas enregistrer les pages dont vous n'avez pas besoin, par exemple les pages « mon compte ». « Part des visites enregistrées » limite l'enregistrement à une partie des visites.
• N'envoyez pas d'e-mail, de nom ou de numéro de client dans loupsio('event', ...) ou loupsio('variant', ...). Pour rattacher des visites à un client, utilisez loupsio('identify', ...) avec un numéro de client interne, jamais une adresse e-mail ou un nom.
• Choisissez une durée de conservation adaptée dans les réglages du site.
• Adaptez les textes ci-dessus aux réglages actifs de votre site (Réglages › Confidentialité : « Reconnaître les visiteurs qui reviennent », « Identifier les clients connectés », « Requêtes en échec et erreurs de la console », options Claude) et aux outils que vous reliez à Loupsio. Si vous désactivez « Requêtes en échec et erreurs de la console », retirez la mention des requêtes et des messages d'erreur du navigateur.