Comment arrêter adblock et bloquer des images dans une page HTML
Je construis une simple page HTML avec quelques images. Mon FireFox est doté d'Adblock Plus, récemment installé, et il bloque ces images. Je regarde d'autres pages similaires sur le net et elles ne bloquent pas les images, alors pourquoi bloque-t-elle les miennes?
Je ne veux pas que les visiteurs de ma page ne voient pas les images s’ils ont installé Adblock dans FireFox.
Il serait bon de laisser quelques conseils pour permettre aux images de s’afficher pendant qu’un bloc est activé. Je ne souhaite pas écrire d’exception ni quoi que ce soit pour ma propre visualisation. Je souhaite configurer ma page de sorte que Adblock ne bloque pas les images.
Je suppose que vous ne parlez pas d'Adsense ici, mais d'images hébergées sur votre serveur et codées en dur dans votre page.
Si c'est le cas, ils sont probablement bloqués à cause du nom du fichier et/ou du chemin.
Adblock va bloquer les images
- avec des dimensions d’annonce communes dans le nom de fichier, par exemple. 'myimage_720_90.png' ou 'myimage_300x250.jpg'.
- avec des mots clés d'annonce courants dans leur chemin d'accès (et leur nom de fichier), par exemple. bannières , adv , ad .
- peut-être d'autres filtres qui analysent CSS ou HTML
Vérifiez vos noms de fichier image et renommez-en quelques-uns pour voir comment ça marche. Essayez un nom générique tel que 'topwide.png ou similaire pour éviter les filtres.
J'ai eu un problème très similaire, j'avais quelques bannières à afficher sur un site de commerce électronique, mettez-les dans un dossier appelé bannières/taille. Une fois la page rendue, les bannières disparaissent dans Chrome. Je pensais que quelque chose devenait fou en JavaScript quelque part, j'ai essayé dans Firefox et tout a fonctionné. Seule différence, aucun AdBlock activé dans Firefox!
Inspectant les relevés d'image, il l'avait ajouté à chaque image du dossier bannières:
style="display: none !important; visibility: hidden !important; opacity: 0 !important; background-position: 1px 1px; width="0" height="0"
J'ai renommé le dossier bannières en img_bnr, trié!
J'ai eu un problème similaire avec le nom de fichier comme ceci:
adv_s_imagesName.png <- bloqué par adblock à cause de "adv" dans le nom du fichier
pour moi "adv" signifie "avancé" mais pour adblock c'est "publicité"!
Fichier renommé, plus de bloc.
Idem ici - avait une image avec le nom "adtech" (abréviation de "technologie publicitaire"). Il m'a fallu un bon bout de temps pour comprendre que bloquant adblocker en raison du nom de fichier. Adtech étant la plateforme de diffusion d'annonces d'AOL. Mot clé compréhensible à rechercher, frustrant de vous poursuivre la queue pendant des siècles en essayant de comprendre pourquoi votre image de contenu est bloquée.