le produit

La bannière

La bannière s’édite en quatre écrans (Design, Textes, Règles, Versions) autour d’un aperçu en direct qui montre le vrai runtime, pas une maquette. La publication crée des versions numérotées et immuables ; prévisualisation et production sont deux documents distincts.

l’éditeurComment l’éditeur est organisé

Une bande en haut porte ce qui est vrai sur chaque écran : quel document vous éditez (brouillon de prévisualisation ou de production), l’état de sauvegarde (les brouillons s’enregistrent automatiquement), la pastille de lint et le bouton Publier. En dessous, quatre écrans :

• Design : choisissez un design de départ et personnalisez-le.
• Textes : chaque texte affiché par la bannière, par langue.
• Règles : catégories, régions, Google Consent Mode et comportement, chacun sur son propre écran.
• Versions : le registre de tout ce qui a été publié.

L’aperçu en direct accompagne les écrans où voir aide (Design, Textes, Catégories) et s’efface là où il ne peut rien montrer (Régions, Consent Mode, Comportement). Il exécute le vrai runtime de la bannière et simule un visiteur : choisissez un pays, un jeu de règles, ordinateur ou téléphone, le premier écran ou le panneau de réglages, même un signal Global Privacy Control. Les contrôles ne changent rien ; c’est une simulation, et l’aperçu le dit.

designLes préréglages, et comment en faire le vôtre

Les nouveaux sites démarrent sur Standard : une boîte de dialogue blanche centrée avec trois boutons bleus égaux (Tout accepter, Réglages, Tout refuser), la forme que la plupart des visiteurs européens connaissent déjà. Dix autres designs intégrés vont des barres discrètes qui héritent de la police de votre page aux avis bruyants, délibérément impossibles à manquer, plus une variante dans la page qui ne couvre rien et un mode headless où vous construisez l’interface vous-même sur l’API runtime.

Plusieurs designs intégrés viennent d’un système inspiré de l’imprimé : deux encres sur un papier, la profondeur rendue par une seconde plaque décalée pleine plutôt que par des ombres, et la preuve de consentement rendue comme un reçu déchiré du bord de la bannière. Vous n’avez pas besoin de comprendre tout cela pour les utiliser ; chaque carte de préréglage montre exactement à quoi il ressemble, et « Essayer » prévisualise un design sans rien changer tant que vous ne l’appliquez pas.

Sous « Personnaliser ce design », l’ensemble complet des contrôles est toujours disponible : sept mises en page (barre, feuille, modale, coin, ruban, dans la page, headless), placement, couleurs avec vérification du contraste en direct, typographie, rayon et CSS personnalisé. Deux règles valent dans chaque design : Accepter et Refuser sont des objets identiques, et un visiteur peut toujours revenir changer d’avis.

Vos pages : chaque bannière renvoie à vos mentions légales et à votre politique de confidentialité dans son pied. Les deux sont obligatoires, et la publication est bloquée tant que les deux ne sont pas de vraies URL. C’est délibéré : une bannière de consentement UE sans elles cherche les ennuis.

Le pied de la bannière porte une petite ligne « Made & Hosted in Europe by CookieCrumbs » renvoyant à cookiecrumbs.eu. La retirer fait partie des offres payantes ; en offre Free, la ligne est toujours présente, et publier une configuration qui la masque est bloqué.

textesLes textes, regroupés selon leur emplacement

L’écran Textes liste chaque texte dans l’ordre où un visiteur le rencontre, pas dans l’ordre du schéma : le premier écran (titre, corps, les trois boutons), le panneau de réglages (bouton d’enregistrement, libellé de l’identifiant de consentement) et les petits caractères autour des deux (liens de pied, contrôle de réouverture, sélecteur de langue). Les textes que votre configuration n’utilise pas sont repliés en une ligne à la fin ; les textes conditionnels apparaissent exactement quand une règle ou un comportement les rend obligatoires, marqués comme tels.

Mettre le focus sur un champ bascule l’aperçu vers l’écran où vit ce texte, dans la langue que vous éditez. Vous voyez donc toujours ce que vous changez.

Langues

Une bannière peut parler jusqu’à quarante langues (le quota exact dépend de l’offre). Sept arrivent entièrement traduites : anglais, allemand, français, néerlandais, espagnol, italien et portugais du Brésil, formulations et descriptions de catégories comprises. Tout autre tag BCP 47 démarre comme copie de votre langue par défaut à traduire. Chaque puce de langue indique combien de textes sont encore vides ; en traduisant, « Comparer avec l’anglais » place le texte de référence sous chaque champ avec un bouton de copie. Le sélecteur de langue côté visiteur apparaît automatiquement quand plus d’une langue est configurée, et peut être désactivé.

règlesCatégories, régions, comportement

Catégories

Les catégories sont les interrupteurs de votre bannière : Nécessaires, Statistiques, Marketing et Préférences par défaut, plus celles que vous ajoutez. Nécessaires est verrouillé sur activé. Chaque catégorie porte son nom et sa description par langue, ses signaux Google Consent Mode, et si elle est activée par défaut (sous les règles d’opt-in, seule Nécessaires peut l’être). Des catégories personnalisées s’ajoutent ici ou directement sur la page Cookies & traceurs ; les deux éditent le même brouillon. Tout ce que vous changez est visible immédiatement dans le panneau de réglages de l’aperçu, car les catégories sont ce panneau.

Régions

Une question d’abord : où sont vos visiteurs ? En Europe, en Europe et au Royaume-Uni, ou dans le monde entier. La réponse active les bons jeux de règles et l’écran énonce le résultat en une phrase honnête. Tout le reste (réglages par régime, expiration du consentement, exceptions par pays, régime forcé pour les tests) se trouve sous Avancé. Le détail de chaque régime est sur Régions & régimes.

Consent Mode

Si vous utilisez des balises Google, la bannière leur transmet chaque décision. Voir Google Consent Mode.

Comportement

Ce qui se passe autour du choix. Redemander après un changement substantiel (activé par défaut) : quand une version est publiée comme substantielle, c’est-à-dire avec de nouvelles finalités ou de nouveaux signaux, les visiteurs ayant déjà décidé sont interrogés de nouveau. Mémoriser un refus d’un à treize mois. Afficher l’identifiant de consentement pour que les visiteurs puissent le citer en exerçant leurs droits. Le contrôle de réouverture est soit un bouton flottant, soit un lien que vous placez dans votre propre pied de page ; l’un des deux est obligatoire, car retirer son consentement doit rester aussi simple que le donner. La fermeture de la bannière peut compter comme un refus ; si vous l’activez, l’avis qui en informe les visiteurs devient obligatoire, et la lecture la plus stricte est toujours la valeur par défaut.

lintLa pastille de lint

L’éditeur linte le brouillon en continu et le serveur le linte de nouveau à la publication ; les deux ne peuvent jamais diverger car ils exécutent les mêmes règles. Les constats bloquants (mentions légales manquantes, politique de confidentialité manquante, catégorie visée par un service qui n’existe plus, régime de repli désactivé) arrêtent la publication avec un message en clair et un lien vers le champ exact. Les avertissements conseillent mais ne bloquent pas.

publicationLes versions, et ce que chacune a obtenu

La publication crée une version numérotée immuable, enregistre qui l’a publiée et d’où, et écrit une entrée d’audit. La boîte de dialogue de publication demande une courte note et si le changement est substantiel. Prévisualisation et production se publient séparément ; promouvoir met en ligne la version de prévisualisation courante.

L’écran Versions est un registre, et il ferme une boucle que la plupart des outils de consentement laissent ouverte : chaque version qui a servi en production affiche son taux d’opt-in et l’écart avec la version précédente. Une version qui n’a jamais atteint la production, ou qui a trop peu de décisions pour un chiffre honnête, affiche un tiret et dit pourquoi. Restaurer et promouvoir sont directement sur la ligne ; rien n’est jamais écrasé ici, donc revenir en arrière est sûr par construction. Chaque version publiée reçoit aussi des captures d’écran rendues (ordinateur et téléphone, les deux écrans de la bannière) et une vérification d’accessibilité automatisée, conservées avec la version comme preuve de ce que les visiteurs ont vu.