Adblocker Hiding Content

TL;DR

  • When the “Social Media Buttons” option is ticked in your Adblock settings, real page content can become hidden

I recently discovered this issue when pulling up an old project of mine – Toyota Tacupra. Inspect the below screenshot and see if any part of the home page seems particularly empty.

Tacupra Website Content Hidden

Now compare it to this screenshot.

Tacupra Website Content Visible

You might have noticed that the Instagram sections don’t match up. The second screenshot is accurate – that is how I designed and coded the page. However when I visited the site, I was presented with the contents of the first screenshot.

Tacupra Instagram Sections Compared
The two Instagram sections compared.

After a lot of frustration and hair pulling, I figured out why the Instagram content was being hidden.

I dislike ads as much as the next person. I find they can be very distracting and obtrusive, and that is why I use an adblocker extension in Chrome. Specifically, I use Adblock Plus.

The issue is that within the Adblock Plus extension’s settings,  I had recently enabled the “Block social media icons tracking” option. Turns out this does more than just block functioning “share” and “like” buttons. It also hides any images with file names relating to social media platforms. Because of this, the Instagram logo, icon and @2jz_tacupra profile feed were all hidden, despite just being “static” images.

In Sum

Consider keeping the “Social Media buttons” option unticked. You never know if real page content is being hidden.

Leave a Reply