38

I am building a simple HTML page with some images, my FireFox has Adblock Plus—recently installed— and it blocks these images. I look at other similar pages on the net and they are not blocking images so why is it blocking mine?

I do not want visitors to my page to not see images if they happen to have Adblock installed in FireFox.

Some advice to allow images to show whilst ab block is on would be great. I don’t want to write exceptions or anything for my own viewing I want to set my page so that Adblock doesn’t block the images.

4 Answers 4

66
  1. I'm assuming that you're not talking about Adsense here but images hosted on your server and hard coded into your page.

  2. If so they're probably being blocked because of the file name and/or path.

Adblock will block images

  • with common ad dimensions in the file name, e.g. 'myimage_720_90.png' or 'myimage_300x250.jpg'.
  • with common ad keywords in their path (and file name), e.g. banners, adv, ad.
  • maybe other filters that analyse CSS or HTML

Check your image file names and rename some to see how it goes, try something generic like 'topwide.png or similar to avoid the filters.

8
  • 8
    +1 Great answer. In my case, it was because I had the images in a '/banners/' directory, which was blocked.
    – GAEfan
    Jan 26, 2016 at 16:55
  • Thanks for the +1 - a more complete original answer would have been be check the entire URI for strings that will trigger Adblock. Something like '/banners/myimage_720_90.png' will provide two matches to the blocker.
    – Chaoley
    Jan 27, 2016 at 2:48
  • 4
    An addition to this, CSS selectors (e.g class="advert banner etc") that was my case.
    – Ismail
    Apr 29, 2017 at 11:22
  • 2
    in my case the problem was the name of an image. it included the word 'facebook'
    – Matcoil
    Mar 13, 2018 at 15:00
  • 1
    Image named cahier_echo_doigt_600x350.jpg was blocked. Image named cahier_echo_doigt-600x350.jpg was not. Apr 16, 2019 at 15:09
8

I had a very similar issue, I had some banners to display on an eCommerce site, put them im a folder called banners/size. After the page rendered, the banners would disappear in Chrome. I thought something was going crazy in JavaScript somewhere, I tried in Firefox and everything worked. Only difference, no AdBlock enabled in Firefox!

Inspecting the image statements, it had appended this to every image in the banners folder:

style="display: none !important; visibility: hidden !important; opacity: 0 !important; background-position: 1px 1px; width="0" height="0"

I renamed the banners folder to img_bnr, sorted!

1
  • Purchased a Drupal template years ago and the theme contained "banner" (/sites/default/files/banner/) in the image path for a jQuery text and image rotation plugin. Opera's new built-in ad-blocker was blocking the images from being downloaded for the same reason. Aug 17, 2016 at 23:32
6

I had similar issue with filename like this:

adv_s_imagesName.png <-- Blocked by adblock because of "adv" in filename

for me "adv" mean "advanced" but for adblock it's "advertising"!

File renamed, no more block.

0

Same here - had an image with 'adtech' in the name (abbreviation for advertising technology). Took me ages to figure out that adblocker was blocking because of the filename. Adtech being AOL's ad-serving platform. Understandable keyword to look out for, frustrating chasing you tail for ages trying to figure out why your content image is being blocked.

1
  • Look's like adblock worked as expected in your case then?
    – brandito
    Jun 21, 2018 at 2:40

Not the answer you're looking for? Browse other questions tagged or ask your own question.