Module PrestaShop · Guide

Connectez votre propre outil de consentement

Lumexio enregistre la provenance de chaque commande (Google Ads, Meta, newsletter…) uniquement pour les visiteurs ayant accepté les cookies publicitaires. Si votre outil de consentement ne transmet pas Google Consent Mode v2, indiquez vous-même le choix du visiteur à Lumexio : une ligne de JavaScript, environ 10 minutes.

Le code pour mon outil Vérifier que ça marche

En bref

Module 1.10.0 ou plus récent
Accepté → envoyez « granted »
Refusé → envoyez « denied »
Rien d’envoyé → rien d’enregistré

Quelle option vous concerne ?

Le choix se fait par boutique dans le module : Modules › Lumexio › Configurer › « Consentement des visiteurs ».

Par défaut

Google Consent Mode v2

Votre outil de consentement transmet déjà Google Consent Mode v2 (c’est le cas de la plupart : Axeptio, Didomi, Cookiebot, OneTrust, les modules PrestaShop « Google Consent Mode »…). Rien à faire : Lumexio le lit directement.

Ce guide

Mon propre outil de consentement

Votre outil ne transmet pas Consent Mode v2, vous l’avez désactivé, ou vous avez votre propre bandeau. Votre code indique le choix du visiteur à Lumexio via window.lumexioConsent.

Mise en place en 3 étapes

1

Basculez le module

Dans le back-office PrestaShop : Modules › Gestionnaire de modules › Lumexio › Configurer. Dans « Consentement des visiteurs », choisissez « Mon propre outil de consentement », cochez la case de confirmation puis Enregistrer. En multiboutique, répétez pour chaque boutique.
2

Transmettez le choix du visiteur

Quand le visiteur accepte les cookies publicitaires, exécutez la ligne « granted ». Quand il refuse ou retire son consentement, exécutez la ligne « denied ». Exécutez-la à nouveau sur chaque page une fois le choix connu : la plupart des outils le font pour vous via leurs callbacks (voir plus bas).
3

Vérifiez et passez une commande test

Suivez la liste de vérification en bas de cette page. Passez ensuite une commande test après être arrivé sur la boutique avec ?utm_source=test : sa source apparaît dans la page Acquisition de Lumexio après la synchronisation suivante.

Le code

L’ordre de chargement n’a pas d’importance : les valeurs envoyées avant le chargement du script Lumexio sont lues dès qu’il arrive. Seule la dernière valeur compte.

JavaScript

window.lumexioConsent = window.lumexioConsent || [];

// le visiteur a accepté les cookies publicitaires
window.lumexioConsent.push('granted');

// le visiteur a refusé, ou retiré son consentement
window.lumexioConsent.push('denied');

Le code prêt à l’emploi pour votre outil

Choisissez votre outil. Chaque extrait lit le choix du visiteur et l’envoie à Lumexio sur chaque page, y compris quand le visiteur change d’avis.

Dans votre projet Axeptio, ajoutez un cookie (vendor) nommé « lumexio » à votre étape publicitaire, puis publiez. Ajoutez ce code à toutes les pages :

JavaScript

window._axcb = window._axcb || [];
window._axcb.push(function (axeptio) {
  axeptio.on('cookies:complete', function (choices) {
    window.lumexioConsent = window.lumexioConsent || [];
    window.lumexioConsent.push(choices.lumexio ? 'granted' : 'denied');
  });
});

La clé (choices.lumexio) doit correspondre au nom du vendor défini dans Axeptio.

Dans la console Didomi, créez un vendor personnalisé « Lumexio », ajoutez-le à votre finalité publicitaire puis publiez. Copiez son ID (il commence par « c: ») et ajoutez ce code à toutes les pages :

JavaScript

function sendConsentToLumexio(Didomi) {
  var vendor = Didomi.getCurrentUserStatus().vendors['c:lumexio-XXXXXXXX'];
  window.lumexioConsent = window.lumexioConsent || [];
  window.lumexioConsent.push(vendor && vendor.enabled ? 'granted' : 'denied');
}

window.didomiOnReady = window.didomiOnReady || [];
window.didomiOnReady.push(sendConsentToLumexio);

window.didomiEventListeners = window.didomiEventListeners || [];
window.didomiEventListeners.push({
  event: 'consent.changed',
  listener: function () {
    sendConsentToLumexio(window.Didomi);
  }
});

Remplacez c:lumexio-XXXXXXXX par l’ID de votre vendor. Vous pouvez le vérifier dans la console du navigateur avec Didomi.getCurrentUserStatus().vendors.

Lumexio suit la catégorie « Marketing ». Ajoutez ce code à toutes les pages :

JavaScript

function sendConsentToLumexio() {
  window.lumexioConsent = window.lumexioConsent || [];
  window.lumexioConsent.push(window.Cookiebot.consent.marketing ? 'granted' : 'denied');
}

window.addEventListener('CookiebotOnConsentReady', sendConsentToLumexio);

if (window.Cookiebot && window.Cookiebot.hasResponse) {
  sendConsentToLumexio();
}

CookiebotOnConsentReady se déclenche sur chaque page une fois le choix connu, et à nouveau dès que le visiteur le modifie.

Lumexio suit la catégorie « Cookies de ciblage » (C0004 par défaut). OneTrust appelle OptanonWrapper sur chaque page et après chaque changement : placez le code dans la fonction OptanonWrapper de votre extrait OneTrust, dans le <head> de vos pages.

JavaScript

function OptanonWrapper() {
  // …your existing OptanonWrapper code, if any…

  var groups = window.OnetrustActiveGroups || '';
  window.lumexioConsent = window.lumexioConsent || [];
  window.lumexioConsent.push(groups.indexOf(',C0004,') !== -1 ? 'granted' : 'denied');
}

Si votre catégorie de ciblage a un autre ID, remplacez C0004 (Cookie Consent › Categorizations dans OneTrust).

Déclarez Lumexio comme service tarteaucitron, après tarteaucitron.init() :

JavaScript

tarteaucitron.services.lumexio = {
  key: 'lumexio',
  type: 'ads',
  name: 'Lumexio',
  uri: 'https://lumexio.tech/privacy',
  needConsent: true,
  cookies: ['lumexio_attr'],
  js: function () {
    'use strict';
    (window.lumexioConsent = window.lumexioConsent || []).push('granted');
  },
  fallback: function () {
    'use strict';
    (window.lumexioConsent = window.lumexioConsent || []).push('denied');
  }
};

(tarteaucitron.job = tarteaucitron.job || []).push('lumexio');

Lumexio apparaît alors dans le panneau tarteaucitron, dans le groupe publicité, et le visiteur peut l’accepter ou le refuser comme tout autre service.

Si votre outil de consentement envoie ses propres événements à Google Tag Manager, créez deux balises « HTML personnalisé » :

Balise « Lumexio – consentement accordé » : déclenchée par l’événement « publicité acceptée » de votre outil.

<script>
  window.lumexioConsent = window.lumexioConsent || [];
  window.lumexioConsent.push('granted');
</script>

Balise « Lumexio – consentement refusé » : déclenchée par l’événement « publicité refusée » de votre outil.

<script>
  window.lumexioConsent = window.lumexioConsent || [];
  window.lumexioConsent.push('denied');
</script>

Les deux balises doivent se déclencher sur chaque page où le choix est connu, pas seulement au clic sur le bandeau.

Si vous avez votre propre bandeau, appelez Lumexio là où vous enregistrez le choix, et une fois à chaque chargement de page :

JavaScript

function sendConsentToLumexio(accepted) {
  window.lumexioConsent = window.lumexioConsent || [];
  window.lumexioConsent.push(accepted ? 'granted' : 'denied');
}

// When the visitor clicks "Accept" or "Refuse" in your banner:
sendConsentToLumexio(true); // or false

// On every page load, once the visitor has chosen:
sendConsentToLumexio(hasAcceptedAdvertising());

Remplacez hasAcceptedAdvertising() par la façon dont votre bandeau mémorise le choix du visiteur.

Où coller le code sur PrestaShop

Dans votre outil de consentement

Beaucoup d’outils ont un champ « script personnalisé » ou « callback » exécuté sur chaque page. C’est l’endroit le plus simple.

Dans Google Tag Manager

Une balise « HTML personnalisé » déclenchée sur toutes les pages. Aucune modification du thème, pas besoin de développeur.

Dans votre thème

Ajoutez-le à themes/votre-theme/assets/js/custom.js (chargé sur chaque page par les thèmes par défaut), puis videz le cache dans Paramètres avancés › Performances. Dans un fichier .tpl, entourez le script de {literal}…{/literal}.

Vérifier que ça marche

Ouvrez votre boutique dans une fenêtre de navigation privée, avec ?utm_source=test à la fin de l’adresse, puis ouvrez la console du navigateur (F12).

1 Acceptez les cookies publicitaires dans votre bandeau.
2 Tapez window.lumexioConsent dans la console : la dernière valeur est « granted ».
3 Dans Application (Chrome) ou Stockage (Firefox) › Cookies, un cookie lumexio_attr est présent.
4 Refusez ou retirez votre consentement : la dernière valeur devient « denied » et le cookie lumexio_attr est supprimé.
5 Rien ne se passe ? Vérifiez que le module est sur « Mon propre outil de consentement » et que sa version est 1.10.0 ou plus récente.

Bon à savoir

Uniquement après un vrai consentement: N’envoyez « granted » qu’une fois que le visiteur a accepté les cookies publicitaires. En tant qu’éditeur du site, vous restez responsable du recueil de ce consentement : le module n’enregistre rien tant qu’il ne l’a pas reçu.
Ce que Lumexio enregistre: Un cookie interne lumexio_attr (30 jours) avec la source, le support, la campagne, le site référent, le type d’identifiant de clic et la page d’arrivée de la visite. Aucun identifiant de visiteur, aucune adresse IP, rien n’est partagé avec les régies publicitaires.
Le retrait est immédiat: « denied » supprime le cookie aussitôt. Les commandes passées ensuite n’ont pas de source.
Mentionnez-le dans votre politique cookies: Déclarez lumexio_attr dans votre outil de consentement et votre politique cookies : finalité « mesure de la performance des campagnes publicitaires », durée 30 jours.

Besoin d’un coup de main ?

Envoyez-nous le nom de votre outil de consentement et l’adresse de votre boutique : nous vous dirons exactement quoi coller.

Nous contacter

Connectez votre propre outil de consentement

Quelle option vous concerne ?

Google Consent Mode v2

Mon propre outil de consentement

Mise en place en 3 étapes

Basculez le module

Transmettez le choix du visiteur

Vérifiez et passez une commande test

Le code

Le code prêt à l’emploi pour votre outil

Où coller le code sur PrestaShop

Dans votre outil de consentement

Dans Google Tag Manager

Dans votre thème

Vérifier que ça marche

Bon à savoir

Besoin d’un coup de main ?