Lately news websites and major blogs have initiated coordinated initiatives to force their visitors to deactivate theit AdBlocker and shave down their throat their more and more intrusive and annoying ads.
The drum made a good summary of example of websites that did implement such adblocker detection and blocking, including the German news website Bild.de, or other famous names such as Forbes.com, ITV.com, Times.com or Wired.com. Each of them choosing a more or less nice way to tell you that you are a cheap visitor that they dislike very much.
France was no exception and many websites implented similar techniques, as nearly one-third of French internet users run adblocker software, according to a survey published by research firm Ipsos.
LeMonde.fr went the educational way: the first time you click on an article, you get a notification inviting you to deactivate AdBlockPlus, explaining you that it helps the website generate reveue and keep free content, but you can skip that step and still go to the article.
The Bad and the Ugly
Not a very strong way of pissing of people to protect content: as the code is executed on the client side, it is very easy to deactivate it and enjoy the full content which has been sent to the client.
The ugly – CSS
The funniest and most creative way of blocking access to full articles was definitely proposed by LeFigaro.fr, a general information website who decided that blurring the article would show how much left was to read to motivate the client to deactivate his ad blocker. This was done by adding a piece of CSS code for the article paragraphs:
style="color: transparent; text-shadow: 0px 0px 6px rgb(0, 0, 0);"
Unfortunately, playing with CSS properties to blur the text is really foolish: there are tons of ways to deactivate this formatting, including:
- Right-click > Inspect Element > Modify the CSS style in the DOM (the geek way)
- View > Page Style > No Style (shows the page as plain text, not very sexy but works)
- Click on the Icon at the end of the address bar > Enter Reader View (the most elegant way to do it, thank you FireFox for nicely reformatting the text of my article to make it comfortable to read!)
- Press Ctrl+A with your keyboard to select all text of the page and make it immediately readable (the lazy way)
Here is the result:
Trying to shove invading ads down your visitor’s throat is terrible user experience and shows the little consideration you have for your readers, should they have a paid subscription or not.
But doing it with such weak approaches it laughable and reveals the lack of understanding of how the Internet works today. AdBlockPlus can easily adjust their rules to circumvent those tricks (even Facebook had to re-engineer its ad code to beat them, and it is probably going to be temporary only).
Lastly, new open source tools are appearing to help you block ads at your network level to save bandwidth and improve your user’s experience. One of them is called Pi-Hole (ha-ha-ha) for Debian and designed to fit into a Raspberry Pi.
It basically implements a DNS server which will strip out all URLs related to ads, so very simple to deploy in your network. It also gives you nice statistics on the blocking performance of the solution. This could be an interesting way for an ISP to propose ad-blocking as a service “AdBaaS”, at network level, to enterprises.