- Ce blog recommande aux visiteurs d’installer un bloqueur de publicités fiable comme uBlock Origin lorsqu’aucun blocage de publicité n’est détecté
- Ce message de recommandation est conçu pour ne pas perturber l’expérience utilisateur et, une fois fermé, il ne réapparaît plus
- L’implémentation s’appuie sur le script
nativeads.js et sur un <div> truffé de noms de classes liés à la publicité, de sorte que si un bloqueur de publicités bloque l’élément ou la requête réseau, le message n’est pas affiché
- Le message est mémorisé via un cookie après avoir été fermé une fois, apparaît discrètement sur un côté de l’écran via CSS sans masquer le contenu, et n’est pas affiché dans les navigateurs où JavaScript est désactivé
- Il n’existe aucun moyen de détecter le blocage DNS ; l’auteur explique donc avoir opté pour une fenêtre d’information non intrusive et facile à fermer
Pourquoi un message recommandant un bloqueur de publicités ?
- Les publicités sur Internet font perdre du temps aux utilisateurs, et l’industrie publicitaire a un impact négatif sur l’environnement global du Web
- Comme les revenus des sites deviennent très faibles, beaucoup de sites finissent par se transformer en pages médiocres saturées de publicités
- Si vous voulez aider les créateurs, un soutien direct (même 1 dollar peut être utile) est bien plus efficace que de regarder des publicités
Objectif de conception du message de recommandation
- Comme la plupart des utilisateurs considèrent la publicité comme une partie normale de l’expérience Internet, l’auteur affiche directement un message sur le site
- Le message « No adblocker detected. Consider using an extension like uBlock Origin to save time and bandwidth. Click here to close. » apparaît en petit dans l’angle inférieur droit de la page
- Il ne masque pas le contenu et, une fois fermé, n’est plus affiché
- Le message n’est pas affiché si la fenêtre est trop petite
- La raison pour laquelle une extension précise (uBlock Origin) est mentionnée est que les utilisateurs découvrent souvent les bloqueurs de publicités via… des publicités, ainsi qu’en raison des risques et pratiques trompeuses de certains bloqueurs commerciaux
- Les bloqueurs de publicités promus par la publicité finissent, eux aussi, par générer des revenus à partir des utilisateurs
Méthode d’implémentation et aspects techniques
- Le HTML contient une zone div dédiée au message sur le bloqueur de publicités, avec divers noms de classes liés à la publicité
- L’ajout du message est géré par le fichier JavaScript
/nativeads.js
- Il garantit une seule apparition du message grâce à un cookie
- Un clic sur « Click here to close. » masque la div et met à jour le cookie
- Le CSS définit la position visuelle et le style du message
- Il reste fixé en bas à droite uniquement lorsqu’il y a assez d’espace à l’écran
- Si un bloqueur de publicités bloque cette div ou le fichier nativeads.js (suppression de l’élément ou blocage de la requête), le message lui-même n’est pas affiché
- Les nombreux noms de classes liés à la publicité visent à faire supprimer la div par la majorité des bloqueurs
- Même les extensions axées surtout sur le blocage réseau (comme adblock lite) font disparaître le message si elles bloquent la requête réseau du script
- Il y a une limite : il est impossible de détecter le blocage de publicités basé sur le DNS
- Dans les navigateurs qui ne prennent pas en charge JavaScript, il n’est pas nécessaire d’avoir un bloqueur de publicités ; le message n’est donc pas affiché non plus
- Même sans application du CSS, le message reste fonctionnel (affichage sans style)
3 commentaires
Je recommande le navigateur Brave.
Avis Hacker News
ublockorigin.com, lié dans le message, n’appartient pas à Raymond Hill, le véritable développeur de uBlock Origin. L’intention semble bonne au premier regard et l’interface est correcte, mais le site ne paraît pas sous le contrôle de Hill, et cela peut devenir un point d’entrée potentiel pour des menaces comme des malwares. Les canaux officiels de Hill sont sur https://github.com/gorhill/uBlock. Comme références utiles, il y a le README.md et le Wikidisplay:noneetdisplay:block, je compte réserver un espace de même taille et afficher le bon message, ou bien laisser au départ un espace vide pour qu’un dysfonctionnement n’affiche pas le mauvais messageonloadde la page, ou de ne l’activer qu’au clicSur mon blog aussi, j’affichais depuis un moment un message recommandant d’installer un bloqueur de publicités lorsqu’aucun n’était détecté ; je suis ravi de voir que je n’étais pas le seul.