Comment ajouter le consentement aux cookies à votre site web

Pour ajouter le consentement aux cookies, commencez par lister ce que votre site stocke dans le navigateur des visiteurs, puis classez-le en strictement nécessaire et optionnel. Ajoutez ensuite une bannière — issue d'une plateforme de gestion du consentement (CMP) ou développée par vous-même — qui bloque les scripts optionnels, comme les statistiques et les pixels publicitaires, jusqu'à ce que le visiteur accepte ; qui propose « Refuser » aussi facilement que « Accepter » ; qui mémorise le choix et permet de le modifier plus tard. Une bannière qui s'affiche sans rien bloquer ne remplit pas son rôle.

Ce guide donne des informations générales sur le fonctionnement technique des bannières de consentement, et non un conseil juridique. Les règles de confidentialité diffèrent selon les pays et évoluent ; vérifiez celles qui s'appliquent à vos visiteurs, ou demandez à un conseiller.

Ce qui exige un consentement (en termes généraux)

Les règles sur les cookies couvrent en général les cookies et les technologies similaires : localStorage, pixels de suivi, empreinte de l'appareil. La répartition habituelle, d'après les recommandations de l'UE et du Royaume-Uni :

Quelques points précis faciles à mal appliquer :

• L'UE et le Royaume-Uni fonctionnent sur un modèle d'opt-in : les cookies optionnels attendent l'accord du visiteur. Les recommandations d'autorités comme l'ICO britannique indiquent que le consentement doit être une action positive et claire, et que les personnes doivent pouvoir activer ou désactiver les cookies non essentiels facilement.
• Le Royaume-Uni a évolué en 2025. Le Data (Use and Access) Act 2025 permet de déposer certains cookies sans consentement, notamment les statistiques utilisées uniquement pour améliorer votre propre site et produisant des statistiques agrégées qui ne peuvent pas identifier les personnes — avec l'obligation d'en informer clairement les utilisateurs. Lisez les recommandations actuelles de l'ICO avant de vous y fier.
• Plusieurs États américains fonctionnent sur un modèle d'opt-out pour la « vente » ou le « partage » de données personnelles à des fins publicitaires ciblées, et certains attendent que vous respectiez le signal Global Privacy Control au niveau du navigateur.
• Publicités Google : à la date de septembre 2026, Google exige que les éditeurs utilisant AdSense, Ad Manager ou AdMob recourent à une plateforme de gestion du consentement certifiée par Google et intégrée au Transparency and Consent Framework de l'IAB lorsqu'ils diffusent des annonces dans l'EEE, au Royaume-Uni et en Suisse.

Options : CMP, bibliothèque ou solution maison

La dernière option est sous-estimée. Si vous voulez seulement compter les visiteurs, un outil de statistiques sans cookies peut éviter le besoin d'une bannière dans de nombreux pays — vérifiez sa documentation et vos règles locales.

Si vous diffusez des publicités Google en Europe, une CMP certifiée est le choix pratique. Pour un petit site d'entreprise avec des statistiques uniquement, une bannière sur mesure bien conçue ou une bibliothèque suffit souvent.

Comment fonctionne une bannière en coulisses

La partie que l'on oublie est le blocage. Une configuration correcte :

1. Avant tout choix, seuls les cookies et scripts nécessaires s'exécutent. Les statistiques, pixels et intégrations ne sont pas chargés du tout (ou, avec les balises Google, sont chargés avec un consentement défini sur refusé).
2. La bannière présente des choix clairs au premier niveau : Tout accepter, Tout refuser, et un moyen de choisir par catégorie.
3. Après un choix, le site le mémorise — en général dans un cookie interne ou dans localStorage —, avec une version et une date, puis ne charge que les catégories acceptées.
4. Lors des visites suivantes, le choix mémorisé est lu avant le chargement de tout élément optionnel.
5. Un lien « Paramètres des cookies », généralement dans le pied de page, rouvre les choix à tout moment. Retirer son consentement doit être aussi simple que le donner.
6. Si vous modifiez les outils utilisés, changez le numéro de version pour que les personnes soient à nouveau interrogées.

Mode consentement de Google

Pour Google Analytics et Google Ads, le mode consentement de Google relie les balises à la bannière. À la date de septembre 2026, la documentation de Google décrit quatre types de consentement principaux : ad_storage, analytics_storage, ad_user_data et ad_personalization. Vous définissez une valeur par défaut avant le chargement de la balise Google, puis une mise à jour lorsque le visiteur fait son choix :

gtag('consent', 'default', {
  ad_storage: 'denied',
  ad_user_data: 'denied',
  ad_personalization: 'denied',
  analytics_storage: 'denied'
});
// plus tard, lorsque le visiteur n'accepte que les statistiques :
gtag('consent', 'update', { analytics_storage: 'granted' });

Google décrit une implémentation de base, où les balises ne se chargent pas avant le consentement, et une implémentation avancée, où les balises se chargent avec un consentement refusé et envoient des signaux sans cookies. La version de base est plus simple à comprendre. Pour le trafic de l'EEE, Google attend l'envoi des signaux ad_user_data et ad_personalization. Consultez comment configurer Google Analytics pour la balise elle-même.

Prompts qui fonctionnent

Ajoute une bannière de consentement aux cookies. Catégories : nécessaires (toujours actives), statistiques (Google Analytics 4) et marketing (pixel Meta). Rien dans les statistiques ni dans le marketing ne doit se charger avant le consentement. Premier écran : « Tout accepter », « Tout refuser » et « Personnaliser », avec la même importance visuelle. Enregistre le choix avec un numéro de version et une date dans un cookie interne valable 6 mois, ne charge que les catégories acceptées, et ajoute un lien « Paramètres des cookies » dans le pied de page qui rouvre la bannière. Utilise le mode consentement de Google avec les quatre types réglés par défaut sur refusé.

Liste chaque cookie, chaque clé localStorage et chaque script tiers de ce site, la page qui le charge, et indique s'il est strictement nécessaire. Produis un tableau que je peux utiliser pour la politique relative aux cookies.

Les intégrations YouTube sur /about se chargent avant le consentement. Remplace-les par une miniature et un bouton de lecture qui ne charge la vidéo qu'après le clic du visiteur, et affiche une note indiquant que YouTube peut déposer des cookies.

Étape par étape

1. Auditez ce que dépose votre site : ouvrez les outils de développement → Application → Cookies et Local Storage lors d'une première visite, et vérifiez l'onglet Réseau pour les requêtes tierces. Incluez les intégrations et les widgets de chat.
2. Classez chaque élément : nécessaire, préférences, statistiques, marketing. Supprimez ce que vous n'utilisez pas.
3. Choisissez l'approche : CMP, bibliothèque ou solution maison, selon le tableau ci-dessus.
4. Mettez en place le blocage pour que les scripts optionnels ne se chargent qu'après consentement. Pour les balises Google, ajoutez les valeurs par défaut du mode consentement avant la balise.
5. Créez la bannière avec des options Accepter et Refuser de même poids, des choix par catégorie et un lien vers les paramètres.
6. Rédigez la politique de cookies (souvent intégrée à votre politique de confidentialité) qui liste ce que vous utilisez et pourquoi ; voir comment rédiger des conditions d'utilisation et une politique de confidentialité.
7. Testez dans une fenêtre privée : avant de choisir, aucun cookie ni requête optionnelle ; après avoir refusé, toujours aucun ; après avoir accepté, les bons apparaissent ; après avoir changé d'avis, ils disparaissent.
8. Revérifiez à chaque ajout d'un nouvel outil.

Erreurs courantes

• Une bannière qui ne bloque rien. Les scripts se déclenchent au chargement de la page pendant que la bannière demande poliment.
• Accepter est un gros bouton, Refuser est caché dans un second écran ou un lien gris.
• Catégories pré-cochées ou boutons « intérêt légitime » activés par défaut.
• Aucun moyen de changer d'avis après le premier choix.
• Oublier les intégrations : YouTube, cartes, flux de réseaux sociaux et widgets de chat peuvent aussi déposer des cookies.
• Demander à chaque chargement de page parce que le choix n'est pas correctement mémorisé.
• Une bannière qui recouvre la page sur téléphone, ou qui piège le focus clavier. Rendez-la accessible et assez réduite pour pouvoir être contournée.
• Copier la politique d'un autre site qui décrit des cookies que vous n'utilisez pas.

Checklist du consentement

• Chaque cookie, clé de stockage et script tiers est listé et classé
• Les scripts optionnels sont bloqués jusqu'au consentement (vérifié dans les outils de développement)
• Accepter et Refuser sont tout aussi faciles au premier niveau
• Choix par catégorie disponibles ; rien d'optionnel n'est pré-sélectionné
• Le choix est mémorisé avec une version et une date ; l'utilisateur est à nouveau interrogé après les modifications
• Lien « Paramètres des cookies » sur chaque page
• Valeurs par défaut du mode consentement Google définies avant les balises Google, si utilisées
• La politique de cookies ou de confidentialité correspond à ce que fait réellement le site
• Les règles des pays de vos visiteurs ont été vérifiées avec les recommandations actuelles ou un conseiller

Pour le contexte, lisez qu'est-ce qu'un cookie et qu'est-ce que le RGPD.

Le consentement aux cookies sur Mythex

Mythex n'ajoute pas de bannière de consentement ni de statistiques à votre app de lui-même : ce sont des éléments que vous demandez, et vous décidez donc de ce qui se charge. Lancez d'abord le prompt d'audit, puis le prompt de bannière avec vos catégories réelles, et testez dans l'aperçu avec les outils de développement ouverts avant de publier. Si vous utilisez une CMP hébergée, elle vous fournit un script et un identifiant ; l'identifiant est public et peut figurer dans le code front-end, alors que tout élément secret doit aller dans les paramètres du projet (variables d'environnement et secrets). Publiez à nouveau après les modifications pour que le site en ligne utilise la nouvelle bannière.

Questions