Bandeau de cookies sur Shopify : ne pas recouvrir le bouton d'achat

Ce guide traite l'emplacement du bandeau, pas le suivi derrière lui. La façon de brancher les pixels sur le consentement figure dans le guide des Web Pixels. Il complète la mesure des fiches produit mobiles, dont il prolonge un constat. Il ne constitue pas un avis juridique.

Ce que nous avons mesuré

Le 23 octobre 2026, nous avons chargé 54 fiches produit de 27 boutiques que nous accompagnons, dans un navigateur émulant un téléphone dont l'écran fait 844 px de haut, en visiteur anonyme et sans rien cliquer. Un visiteur qui arrive pour la première fois voit donc le bandeau tel quel. Sur les 50 fiches qui ont un bouton d'achat, 11 l'affichent dans la première vue ; sur ces 11, 9 sont recouvertes. Dans chacun des dix cas de recouvrement relevés au total, l'élément qui recouvre est un bandeau de cookies ou de consentement.

Les quatre bandeaux ci-dessus viennent de familles différentes, lues dans le code des pages : le bandeau natif de Shopify, celui d'une extension (CookieYes), une plateforme de consentement tierce et un bandeau sur mesure. Le problème ne tient donc pas à un outil : il vient de la taille et de la position du bandeau face à celle du bouton. La couche de consentement native de Shopify est chargée sur 23 des 27 boutiques de l'échantillon.

Pourquoi le bouton est touché

Un bandeau posé en bas de l'écran recouvre tout ce qui se trouve dans ses derniers pixels. Dans notre relevé, les boutons visibles sont entre 619 et 786 px du haut de la page. Sur un écran de 844 px, ils sont donc entre 58 et 225 px du bas. Tout bandeau fixé en bas et plus haut que cela les masque, ce que font les bandeaux qui présentent finalités et boutons sur plusieurs lignes.

La position médiane du bouton, sur 48 fiches avec un bouton dans le flux de la page, est de 1 126 px : pour la majorité, le bouton est sous la première vue. Nous n'avons mesuré le recouvrement qu'à l'arrivée ; pour ces fiches, un bandeau fixé en bas reste un obstacle possible pendant le défilement, tant que le visiteur ne l'a pas fermé. Les fiches qui remontent le bouton dans la première vue sont, elles, les plus exposées dès l'arrivée.

Ce que dit la CNIL

La CNIL fixe les règles de fond. Le consentement est requis avant le dépôt ou la lecture de traceurs non essentiels, comme les cookies de publicité personnalisée. L'utilisateur doit pouvoir accepter ou refuser avec le même degré de simplicité. L'information doit être visible, complète et rédigée en termes simples, avec les finalités et l'identité des responsables de traitement ; un premier niveau bref, suivi de détails accessibles, est possible.

Ces règles encadrent ce que le bandeau doit dire et permettre. Elles ne disent rien de sa place sur la page : c'est un choix de conception. Réduire le premier niveau à une courte bande, garder deux boutons de même poids pour accepter et refuser, et renvoyer le détail vers un second niveau répond à la fois à la CNIL et à l'achat.

Ce que le bandeau doit encadrer

Le bandeau existe pour les traceurs non essentiels. Dans notre relevé, sans aucun clic, 14 boutiques sur 27 sollicitent au moins un service de mesure ou de publicité : Google Tag Manager sur 11, Google Ads sur 10, Google Analytics sur 8, Microsoft Clarity sur 7, le pixel de Meta sur 6. Charger un script n'est pas déposer un cookie : un service peut s'initialiser sans traceur tant que le consentement n'est pas donné. Notre relevé ne mesure pas ce que chaque script fait avant le choix du visiteur. Le contrôle se fait dans le navigateur : dans l'onglet des cookies, comparez ce qui est déposé à l'arrivée, après « refuser » et après « accepter ».

Où régler le bandeau

Tester en dix minutes

1. Ouvrez une fenêtre de navigation privée, qui n'a ni cookie ni choix mémorisé.
2. Simulez un téléphone dont l'écran fait 844 px de haut et ouvrez trois fiches produit.
3. Notez, pour chaque fiche, si le prix et le bouton d'achat sont visibles avec le bandeau.
4. Cliquez sur « refuser » : le bandeau doit disparaître et ne plus revenir à la page suivante.
5. Vérifiez dans l'onglet Réseau qu'aucun traceur non essentiel ne se charge après un refus.
6. Recommencez avec « accepter », puis avec la gestion des préférences.

Cinq erreurs fréquentes

1. Un bandeau testé sur ordinateur seulement. Sur mobile il occupe une part bien plus grande de l'écran.
2. Un premier niveau trop long. Finalités, partenaires et boutons dans un seul bloc recouvrent le prix et le bouton.
3. Un bouton « refuser » plus discret que « accepter ». La CNIL demande le même degré de simplicité.
4. Un bandeau qui revient à chaque page. Le choix doit être conservé.
5. Une barre d'achat collante cachée derrière le bandeau. Les deux se disputent le bas de l'écran : c'est le sujet de l'article sur la barre d'achat collante.

Checklist

1. Le prix et le bouton d'achat restent visibles quand le bandeau est affiché.
2. Le premier niveau tient en quelques lignes ; le détail est dans un second niveau.
3. « Accepter » et « refuser » ont le même poids visuel.
4. Le choix est mémorisé et le retrait du consentement est aussi simple que l'acceptation.
5. Aucun traceur non essentiel ne se charge avant le consentement.
6. Le test en navigation privée est refait après chaque changement de thème ou d'outil.

Questions fréquentes

Un bandeau de cookies est-il obligatoire sur une boutique Shopify ?

Le consentement est requis avant le dépôt ou la lecture de traceurs non essentiels, selon la CNIL. Si votre boutique n'en dépose aucun, l'obligation ne se pose pas ; vérifiez la liste de ce que vos applications chargent.

Peut-on rendre le bouton « refuser » moins visible que « accepter » ?

Non. La CNIL demande que l'utilisateur puisse accepter ou refuser avec le même degré de simplicité.

Le bandeau de cookies fait-il perdre des ventes ?

Nous ne l'avons pas mesuré. Nous avons mesuré qu'un bandeau recouvre le bouton d'achat sur 9 des 11 fiches où il est dans la première vue, ce qui est un risque à tester sur votre boutique.

Où régler le bandeau natif de Shopify ?

Dans les paramètres de confidentialité des clients de l'administration. Shopify permet de les adapter pour chaque pays et chaque région où l'on vend.

Que faire si le bandeau vient d'une application ?

Cherchez dans ses réglages la position, la taille et la version mobile. À défaut, un style de thème peut en réduire l'emprise, à condition de ne pas masquer le bouton « refuser ».

Comment tester le bandeau sans outil payant ?

Dans une fenêtre de navigation privée, avec un écran de téléphone simulé : vérifiez que prix et bouton restent visibles, puis testez « refuser » et « accepter ».

Continuer avec EXPERAISE

• Audit CRO Shopify
• Agence CRO Shopify
• Tous les guides CRO Shopify
• Étude de cas OVSS

---

Sources officielles

• CNIL : cookies et traceurs, que dit la loi ?
• Centre d'aide Shopify : paramètres de confidentialité des clients

Mesure EXPERAISE : 54 fiches produit publiques de 27 boutiques accompagnées, relevé du 23/10/2026 (heure de Paris), écran de 844 px de haut, visiteur anonyme, un seul passage ; famille du bandeau lue dans le code de la page. Ce contenu n'est pas un avis juridique.