Comment ajouter un bandeau cookies à une boutique WooCommerce

Où coller la balise sur une boutique WooCommerce

L’installation est la même que sur n’importe quel site WordPress, décrite en détail dans le guide WordPress. En bref : installez l’extension gratuite WPCode, allez dans Code Snippets, puis Header & Footer, collez la balise tout en haut du champ Header et cliquez sur Save Changes. Si vous préférez le code, accrochez-la à wp_head en priorité 0 dans un thème enfant, pour qu’elle s’imprime avant les balises que les autres extensions ajoutent :

html
<script src="https://cookiequiet.com/cq.js" data-site="YOUR_SITE_KEY" data-consent-mode="1" data-auto-block="1" defer></script>

L’en-tête s’imprime aussi bien sur les pages boutique, produit, panier, commande et compte, y compris sur les blocs Panier (Cart) et Validation de commande (Checkout). Purgez ensuite votre cache de pages et excluez cq.js des fonctions de report ou de regroupement des scripts (WP Rocket, LiteSpeed Cache, Autoptimize).

Quels cookies WooCommerce exigent un consentement ?

WooCommerce documente ses propres cookies, et ceux du cœur n’exigent aucun consentement, car la boutique ne peut pas fonctionner sans eux :

L’attribution de commande est un autre cas. Depuis que WooCommerce l’a ajoutée, la boutique dépose à chaque visite sept cookies sbjs_ (sbjs_session, sbjs_first, sbjs_current et d’autres, d’une durée d’une session) pour enregistrer la campagne ou le référent qui a amené le client, et l’enregistre dans la commande. WooCommerce indique que la fonction est compatible avec la WP Consent API, le moyen par lequel un outil de consentement indique aux extensions WordPress ce que le visiteur a autorisé. Vous avez deux options propres :

1. La désactiver si vous n’utilisez pas la colonne Origine (Origin) de vos commandes : WooCommerce, puis Réglages, puis Avancé, puis Fonctionnalités, décochez Attribution de commande (Order Attribution).
2. La garder et lui transmettre le consentement. Installez l’extension WP Consent API et ajoutez cette passerelle dans le champ Footer de WPCode. Elle indique à WordPress que le site fonctionne en opt-in et traduit chaque choix fait dans Cookiequiet dans les catégories de l’API :

html
<script>
  window.wp_consent_type = 'optin';
  document.dispatchEvent(new Event('wp_consent_type_defined'));
  window.addEventListener('cq:consent', function (e) {
    if (typeof window.wp_set_consent !== 'function') return;
    var c = e.detail.categories;
    var v = function (on) { return on ? 'allow' : 'deny'; };
    wp_set_consent('statistics', v(c.indexOf('analytics') >= 0));
    wp_set_consent('statistics-anonymous', v(c.indexOf('analytics') >= 0));
    wp_set_consent('marketing', v(c.indexOf('marketing') >= 0));
    wp_set_consent('preferences', v(c.indexOf('functional') >= 0));
  });
</script>

La même passerelle sert à toutes les autres extensions qui lisent la WP Consent API.

Comment Google Analytics et les autres balises de la boutique suivent-ils le choix ?

• Google Analytics for WooCommerce (l’extension officielle) n’a pas de bandeau à elle. Elle envoie l’état de consentement par défaut de Google à l’initialisation de la balise, et WooCommerce demande que votre outil de consentement le mette à jour une fois que le visiteur a choisi. Cookiequiet le fait avec gtag('consent', 'update', ...) : les achats et les pages vues ne sont donc mesurés complètement qu’une fois la mesure d’audience ou le marketing accordé. L’extension est aussi intégrée à la WP Consent API, que la passerelle ci-dessus alimente.
• Pixels que vous avez collés. Marquez-les : <script type="text/plain" data-cq-category="marketing"> pour le pixel Meta ou TikTok, analytics pour Hotjar ou Clarity.
• Extensions marketing qui injectent leur pixel en JavaScript. Avec data-auto-block="1", Cookiequiet retient les scripts et iframes d’environ 80 traceurs connus jusqu’au consentement.

Désactivez toute autre extension de consentement (Complianz, CookieYes, Cookie Notice) pour que la boutique n’ait qu’un bandeau et qu’un registre des consentements.

Comment tester

1. Ouvrez la boutique dans une fenêtre de navigation privée et cliquez sur Tout refuser.
2. Ajoutez un produit au panier et ouvrez la page de commande : le panier doit garder son contenu, car les cookies propres à WooCommerce sont nécessaires.
3. Dans les outils de développement, vérifiez qu’aucun cookie _ga, _fbp ou sbjs_ n’est déposé (si vous avez gardé l’attribution de commande, la passerelle doit être en place).
4. Effacez les cookies, cliquez sur Tout accepter, rechargez : les balises s’exécutent. Consultez le registre des consentements dans le tableau de bord.

Combien cela coûte-t-il par rapport aux extensions WordPress ?

Les extensions WordPress à licence annuelle peuvent coûter moins cher dès que vous gérez plusieurs boutiques : Borlabs Cookie affiche 49 € par an pour un site, 79 € pour 3 et 109 € pour 5 (hors TVA). Voyez la comparaison dans Cookiequiet ou Borlabs Cookie et Cookiequiet ou Complianz. Cookiequiet est gratuit pour une boutique, ciblage géographique compris, et Starter, qui retire la mention Cookiequiet, coûte 3 € par site et par mois ou 29 € par an. Trois boutiques en Starter reviennent à 87 € par an et cinq à 145 €, contre 79 € et 109 € pour Borlabs Cookie : l’extension coûte donc moins cher dans ce cas. L’offre Agency coûte 190 € par an pour 10 sites Pro et 5 places, soit 19 € par site. Aucune offre n’a de limite de pages vues, et Cookiequiet fonctionne aussi sur toutes les plateformes : l’installation reste la même si une boutique quitte WordPress.