Votre site à l'écran, pas son bandeau cookies
· 4 min de lecture
Sur un site web, chaque visiteur croise d'abord le bandeau cookies, et le ferme sans y penser. Notre navigateur d'enregistrement est lui aussi un nouveau visiteur, mais un film ne peut pas hausser les épaules : ce qui est à l'écran y reste. Aujourd'hui, nous lui avons appris à fermer ces bandeaux bien plus sûrement, dans plus de langues et à plus d'endroits.
Pourquoi un bandeau vole la vedette
Un film PageToVid filme le vrai site dans un vrai navigateur. Ce navigateur arrive sans historique, il rencontre donc tout ce qu'un nouveau venu rencontre : bandeaux de consentement, fenêtres d'inscription à la newsletter, bulles de chat. Une personne les ferme en une seconde ; un enregistrement les garde pendant toute la prise.
Le bandeau de consentement est le plus gênant. Il couvre une grande partie de la page, il passe devant le contenu que nous voulons montrer, et il parle la langue du site avec ses couleurs, si bien qu'il semble faire partie du produit. Un bandeau présent dans chaque plan devient, sans bruit, le sujet du film.
Notre enregistreur fermait déjà les bandeaux avant de filmer, en cherchant un bouton au libellé connu. Une page française, cette semaine, nous a montré qu'un libellé connu ne suffit pas.
Trois raisons pour qu'un bouton reste introuvable
En regardant de près, nous avons trouvé trois manques distincts, chacun suffisant à lui seul pour garder un bandeau à l'écran.
- Le libellé. Notre liste connaissait « Accepter », mais ce bandeau disait « Autoriser ». Pour une personne, c'est la même chose ; pour une correspondance exacte, ce sont deux inconnus.
- Le cadre. Nous ne cherchions que dans la page principale. Beaucoup de services de consentement dessinent leur bandeau dans une iframe, une petite page dans la page. Une recherche dans la page extérieure ne voit pas un bouton qui s'y trouve, aussi bonne que soit la liste.
- Le recours. Quand aucun libellé ne correspondait, rien d'autre ne se passait, et le bandeau restait.
Le deuxième manque est le plus instructif. Une liste parfaite aurait échoué quand même, parce qu'elle cherchait dans le mauvais document.
Trois couches qui se couvrent l'une l'autre
Nous avons comblé chaque manque séparément, pour qu'une seule couche puisse sauver le plan quand les autres n'y arrivent pas.
- Plus de libellés, dans plus de langues. Nous avons ajouté « Autoriser » pour le français, « Verstanden » pour l'allemand et « Entendido » pour l'espagnol, à côté des variantes déjà connues. Ce sont les mots qu'emploient vraiment les boutons de consentement, pas ceux que proposerait un dictionnaire.
- Tous les cadres. L'étape de fermeture cherche désormais dans chaque cadre de la page : un bandeau servi depuis une iframe est trouvé et cliqué comme les autres.
- Un filet discret. Si le clic échoue malgré tout, l'enregistreur ajoute une petite feuille de style qui masque les bandeaux des services de consentement connus, d'après leurs noms connus.
Nous l'avons vérifié sur la page même qui gardait son bandeau : il a été fermé avant la première image enregistrée.
Pourquoi nous ne masquons que ce que nous savons nommer
Le raccourci tentant pour le filet, c'est une règle large : masquer tout ce dont le nom contient « cookie » ou « consent ». Elle attraperait plus de bandeaux, et nous avons choisi de ne pas la livrer.
Une règle large ne sait pas ce qu'elle cache. Un site de recettes emploie le mot cookie partout. Une page de confidentialité contient une section sur le consentement qui est précisément ce qu'un film à son sujet doit montrer. Une règle déclenchée par un fragment de mot supprimerait sans bruit de vraies parties d'une page, et personne ne le remarquerait : il manquerait simplement quelque chose au film.
Le filet masque donc les services de consentement nommés, et rien d'autre. Quand nous rencontrons un bandeau encore inconnu, nous préférons l'ajouter par son nom plutôt que deviner et effacer du vrai contenu.
Ce que cela change quand vous faites un film
Pour vous, le changement est simple : votre film s'ouvre sur votre page. Le haut de page, le produit, l'offre, et non une demande d'accepter les cookies. Que votre site parle anglais, français, allemand ou espagnol, que votre service de consentement dessine son bandeau dans la page ou dans un cadre, cela fonctionne.
Cela a aussi façonné notre façon de filmer le vrai web. Le web d'un nouveau visiteur n'est pas celui d'un développeur qui a déjà tout fermé une fois : l'enregistreur est donc conçu pour cette première visite, dans chaque langue que nous filmons. Et des défenses qui échouent différemment font une bonne équipe : une liste de mots rate un nouveau libellé, une recherche par cadre rate une structure inhabituelle, une feuille de style rate un service inconnu, mais ensemble elles se couvrent.
Découvrez ce que fait l'enregistreur sur la page fonctionnalités, ou collez une adresse sur /new et regardez le film s'ouvrir sur la page elle-même.
Voyez-le sur votre propre site
Collez une page et obtenez la vidéo commentée dont parle ce blog. La première est offerte.
À lire ensuite
