… Pour un web plus propre nous vous suggérons d'en installer un.
Je suis à la recherche d'un script javascript/php me permettant d'afficher un message pro-bloqueur de publicité pour mettre sur mes sites internets (wordpress principalement). Savez vous s'il existe des trucs tout fait ou est-ce que je suis le seul à vouloir diffuser le message ;) ?
# comment faire ?
Posté par Xavier Combelle (site web personnel) . Évalué à 2.
Je pense que le moyen de faire c'est d'embarquer un markup détecté par la plupart des bloqueurs de pub et de vérifier si il est bien supprimé de la page. Regarde parmi les liste noires très communes des bloqueur de pub.
# Il suffit d'inverser les codes de détection d'adblock
Posté par Jehan (site web personnel, Mastodon) . Évalué à 3.
Salut,
La première idée qui me viendrait à l'esprit est simplement d'utiliser des codes similaires à ceux qui détectent les bloqueurs de pub, sauf qu'au lieu de faire une action quand le bloqueur est détecté, tu en fais une quand il ne l'est pas.
Une rapide recherche web me donne pas mal de réponses et il semble y avoir 2 techniques principales:
1/ Une méthode CSS avec "ads" dans le nom (voir ici ou là). Celle-ci sera bloquée seulement quand tu as un adblocker. Alors les sites de merdes qui veulent te mettre un message vont le mettre en "display:none" quand la CSS est fonctionnelle. Toi tu veux l'inverse: par défaut, dans ta CSS principale, il serait en "display:none" et dans la CSS "ads", il est avec une autre value (probablement "block" pour un message type bannière?).
2/ Une méthode javascript similaire: une fois que la page est chargée, vérifier qu'une image pub, ou une variable créée par un script publicitaire existe ou non. Encore une fois, il semble que simplement avoir "ads" dans le nom du script ou de l'image ou dans son chemin d'accès puisse être suffisant pour le faire bloquer (donc pas besoin de rajouter une vraie image pub, tu peux simplement avoir une image "normale" avec ads dans le nom et c'est joué).
Voici ici des gens qui testent avec une fausse image et là avec des variables.
3/ Ma méthode: en fait basée sur ce que j'ai compris, il suffit pour toi de faire un script javascript, nommé par exemple "ads.js" qui va rajouter le message que tu souhaites voir ("Vous n'utilisez pas de bloqueur de pub, blablabla").
Avec un nom comme ça, j'ai l'impression que ce serait suffisant pour que les bloqueurs de pub bloquent ce script, et par conséquent seuls les gens sans bloqueurs verraient le message. Et puis c'est plus simple que les autres versions.
Ce n'est pas testé, et est seulement mon extrapolation des techniques lues et expliquées plus haut. N'hésite pas à venir faire un message après avoir testé pour dire si ça marche.
Ceci dit, je me demande si c'est la meilleure expérience utilisateur. Je comprends bien que dans ton cas, c'est pour un web propre et c'est d'ailleurs la seule raison pour laquelle j'ai fait une réponse. :-) J'aurais jamais répondu à un mec qui voulait faire un message pour bloquer les bloqueurs de pub.
Néanmoins c'est toujours un peu chiant ceux qui veulent t'apprendre la vie. Bon c'est pire quand le mec te fait la morale parce que tu bloques ses pubs dégueux. Mais ceux qui le font pas, doit-on pour autant le leur faire remarquer et leur faire la morale dans l'autre sens? S'ils viennent sur ton site, tu peux aussi faire un bon billet bien argumenté sur un monde sans cette pub qui nous infeste de partout. Ça sera peut-être plus puissant et fera plus réfléchir qu'une grosse bannière moche.
Ensuite je dis ça, mais j'en sais rien. Peut-être que ta méthode est mieux et ne choquera personne. Je me pose la question, c'est tout. J'avais jamais pensé à inverser les détections de bloqueurs de pubs pour justement embêter ceux qui n'en ont pas… C'est une idée marrante en tous cas.
Film d'animation libre en CC by-sa/Art Libre, fait avec GIMP et autre logiciels libres: ZeMarmot [ http://film.zemarmot.net ]
[^] # Re: Il suffit d'inverser les codes de détection d'adblock
Posté par martoni (site web personnel, Mastodon) . Évalué à 1.
Merci pour tous les conseils jehan, bon le but n'est pas non plus de trop dégrader l'expérience utilisateur avec une popup dégueulasse qui encombre la vue.
L'idée est plutôt de faire un bandeau en haut de la page, ou un encart sur le coté donnant le message.
Juste histoire de contrer les messages qui me traitent de voleur à tout bout de champs quand je surf sur le web ;)
J'ai plus qu'une balle
[^] # Re: Il suffit d'inverser les codes de détection d'adblock
Posté par Jehan (site web personnel, Mastodon) . Évalué à 4.
Cool. Ceci dit tu peux faire les deux: une news qui explique que tu mets en place un tel système et pourquoi. Et ta bannière peut être un lien vers ce post. Comme ça en cliquant dessus, les gens sans bloqueurs peuvent lire une explication plus détaillée sur ton processus, ainsi que des liens vers les principaux bloqueurs. Ça peut les aider à sauter le pas.
Hésite pas à faire un retour sous la forme d'un journal plus tard avec lien vers la méthode et code finaux utilisés. Ça m'intéresse. Une fois le système implémenté et testé. Bon ça sent l'appeau à troll linuxfrérien. Donc faut les nerfs solides. ;)
Film d'animation libre en CC by-sa/Art Libre, fait avec GIMP et autre logiciels libres: ZeMarmot [ http://film.zemarmot.net ]
[^] # Re: Il suffit d'inverser les codes de détection d'adblock
Posté par martoni (site web personnel, Mastodon) . Évalué à 1.
Je n'y manquerais pas ;)
J'ai plus qu'une balle
[^] # Re: Il suffit d'inverser les codes de détection d'adblock
Posté par martoni (site web personnel, Mastodon) . Évalué à 1.
Voici :
http://www.fabienm.eu/wordpress/?p=901
;)
J'ai plus qu'une balle
[^] # Re: Il suffit d'inverser les codes de détection d'adblock
Posté par Jehan (site web personnel, Mastodon) . Évalué à 3. Dernière modification le 28 juillet 2016 à 17:55.
Cool. En plus je vois qu'au final il suffit même d'un tag html avec un tag "blogads". Même pas besoin d'astuce CSS ou js. Comme quoi les bloqueurs de pub, c'est un peu brutal, pas forcément très subtil! lol Ça explique aussi sûrement pourquoi certains sites arrivent à les contourner (c'est pas la seule méthode de détection ceci-dit).
En tous cas, j'ai testé avec mon Firefox. En désactivant Adblock, ça marche. J'ai le message qui s'affiche. :-)
Et effectivement c'est pas une présentation trop violente (limite j'ai dû chercher où était le message. C'est peut-être même pas assez visible pour le coup) donc c'est cool.
Edit: dommage qu'on puisse pas mettre de commentaires sur ton blog sans être inscrit. Je comptais laisser en commentaire là-bas et me suis rabattu sur le forum linuxfr par dépit. :-/
Film d'animation libre en CC by-sa/Art Libre, fait avec GIMP et autre logiciels libres: ZeMarmot [ http://film.zemarmot.net ]
[^] # Re: Il suffit d'inverser les codes de détection d'adblock
Posté par EauFroide . Évalué à 2.
Je viens de tester et ça fonctionne, cool d'avoir partagé le script merci :) (je l'ajouterai aussi sur mes sites à l’occasion)
Donation Bitcoin : 1N8QGrhJGWdZNQNSspm3rSGjtXaXv9Ngat
[^] # Re: Il suffit d'inverser les codes de détection d'adblock
Posté par martoni (site web personnel, Mastodon) . Évalué à 1.
Faudrait peut-être que j'améliore un peu en effet. Peut-être le mettre au moins dans un cadre rouge. Mais je suis pas un dieux du HTML/Css donc il me faut toujours du temps pour faire les trucs web.
Il faut que j'améliore ça aussi ;). À la base c'était permis pour tout le monde mais je me tapait trop de spam. Du coup j'ai régulé de manière assez violente. Peut-être qu'avec une simple captcha je peu éviter le spam mais permettre les commentaire «publique» quand même.
J'ai plus qu'une balle
[^] # Re: Il suffit d'inverser les codes de détection d'adblock
Posté par EauFroide . Évalué à 1.
Chez moi les spams arrivent a résoudre certains captcha (ceux de phpbb par exemple). Si tu utilises wordpress il y a une extension qui permet de limiter le spam en analysant le contenu des commentaires et en comparant avec une base de données communautaire (par contre je sais pas se que ça vaut côté vie privé des posteurs de commentaire).
Donation Bitcoin : 1N8QGrhJGWdZNQNSspm3rSGjtXaXv9Ngat
Suivre le flux des commentaires
Note : les commentaires appartiennent à celles et ceux qui les ont postés. Nous n’en sommes pas responsables.