Ad­b­lock­ers’ impact on web design and web de­vel­op­ment

There’s hardly any chance that the Danish student, Henrik Aasted Sörensen was aware of the profound effects his Phoenix (pre­de­cessor to Firefox) extension was to later have on the web design industry back when this game changing add-on was still in its infancy in 2002. From its very inception, both the concept and the pos­sib­il­it­ies the extension offered were very well received by the internet community, which in turn played a sub­stan­tial role in per­fect­ing the ap­plic­a­tion. While the early versions of Sörensen’s programme only blocked user-defined ads, today’s product auto­mat­ic­ally shields users from known ad formats before they can be loaded, a de­vel­op­ment that has continued much to the chagrin of de­velopers and those re­spons­ible for running web projects.

And while the effects (and losses) of this de­vel­op­ment may be apparent for the ad­vert­ising industry, Adblocker’s impact on web design and web de­vel­op­ment may not be as obvious. However, ad­vert­ise­ments con­sti­tute an important source of income for site operators. What’s more, ad­b­lock­ers are often much more than what their names may let on: in addition to also pre­vent­ing ad­vert­ise­ments from being shown to viewers, ad­b­lock­ers also prevent other con­ven­tion­al web design com­pon­ents and ap­plic­a­tions from properly func­tion­ing, even if no ad­vert­ise­ment is involved. For this reason, it’s important for web de­velopers to be aware of the impacts that ad­b­lock­ers have, even if they have no intention of running ads them­selves.

In contrast to Sörensen’s original add-on, today’s ad­b­lock­ers function auto­mat­ic­ally and don’t require any special settings. This is due to the fact that browser ex­ten­sions make use of a pre-defined list of filter rules. These contain well-known ad­vert­ising networks or typical URLs and ex­pres­sions, like adserv, ads, and are con­stantly updated by both de­velopers and users alike. All of this means that ad­b­lock­ers are very flexible and cannot easily be dealt with through a catch-all solution. Whenever a user visits a website with an adblocker running, all of the site’s content is first examined based on these defined rules. Next, any matching results are either directly blocked before they can be loaded, or are hidden within the displayed HTML document. In order to be able to expand this set of judgement criteria for the filter, users are also able to create their own filter rules. What’s more, whitel­ists can also be used to block certain content and override specific websites. Adblock Plus and Ghostery, which are often used by those with Firefox and Google Chrome browsers, are among some of the most commonly used ad­b­lock­ers. In­stall­a­tion is easy and can be carried out via your add-on manager. It’s important to dif­fer­en­ti­ate ad­b­lock­ers from script blockers, which de­ac­tiv­ate virtually all active web content (e.g. JavaS­cript, Flash or Microsoft Sil­ver­light elements). These ap­plic­a­tions aim less to filter out ad content and instead are intended to support the general security of web users; this is due to the fact that active website elements are often plagued by security gaps. The most commonly used script blockers include: NoScript for Firefox und ScriptSafe for Google Chrome.

Those re­spons­ible for managing web projects need to make sure to always be aware of the ways in which users are in­ter­act­ing with your website, online store, or ap­plic­a­tion. This is the only way that you’ll truly be able to measure and increase the success of your web project.  In order to guarantee an optimal start, user ex­per­i­ence should always occupy a pre­dom­in­ant role during the design and de­vel­op­ment phase of your web presence. If, at some future point in time, it turns out that certain elements aren’t func­tion­ing as they should be, then this generally means that they’re being used im­prop­erly or aren’t being perceived by the users as they are intended to be. The root cause of such short­com­ings could be traced back to the use of ad­b­lock­ers. Due to their filtering rules and the fact that ad­vert­ising material is often quite similar to con­ven­tion­al content, filter add-ons are in­creas­ingly re­spons­ible for also blocking ad-free content. This is es­pe­cially beginning to become a problem in the e-commerce sector, given that product de­scrip­tions and call to actions can be affected by ad­b­lock­ers working in the wrong locations. Provided that the user isn’t informed by the adblocker as to which content is being blocked, they will normally never be aware of which items have failed to be displayed. The result of this is that the potential customer may not get to see the item they wish to view or open any relevant links related to this item. A similar problem is called banner blindness. Some ad­b­lock­ers may affect the func­tion­al­ity of web analysis tools given that they’re able to recognise tracking codes (for example those of Google analytics) and prevent the script from being executed. While this does help protect the privacy of users, it does present potential drawbacks in that it makes eval­u­at­ing and analysing traffic and con­ver­sions more difficult. What’s more, ad­b­lock­ers are able to in­dir­ectly influence SEO measures due to the fact that ads running in search engines are also affected by this filtering process. And given that both sidebar ad­vert­ise­ments as well as ad­vert­ise­ments presented in the top positions of the search results aren’t seen by some users, your project’s search engine op­tim­isa­tion efforts and the high organic ranking that these are able to achieve make it possible to compete with already-es­tab­lished rankings.

Click here to download the in­fograph­ic showing the dis­tri­bu­tion of ad­b­lock­ers worldwide.

In order to steer clear of filter-add on lists, there’s one universal-yet-time-consuming method that can be employed: ex­pli­citly with­draw­ing your content from con­ven­tion­al ad­vert­ising types as well as formats. Following this, users are able to:

• go the technical route by avoiding pop-up elements all together,

• and clearly indicate to ad­b­lock­ers that the element in question is not an ad­vert­ise­ment,

which can be done by creating a clear, optical dis­tinc­tion between it and the ad­vert­ising banner. In order to sim­ul­tan­eously fight banner blindness, you should make sure to keep nav­ig­a­tion­al as well as content portions of your web presence away from the ad­vert­ising areas of your website. Here, the right sidebar as well as the header are of par­tic­u­lar im­port­ance, as these seem to be more sporad­ic­ally perceived by users even in the absence of an ad filter. Next, make sure to regularly test the func­tion­al­ity of your website. In terms of how it’s carried out, this tactic is no different to typical AB or mul­tivari­ate tests. These tests, which are designed to inspect the func­tion­al­ity of your web project, take many factors into account and check whether your web presence supports different screen sizes and res­ol­u­tions, devices, and web browsers; they also look into the effects of the most common ad­b­lock­ers. Regarding the problems arising from web analysis, there’s also one simple fix for this dilemma. For example, there are WordPress tools, like BlockAlyz­er, which reveals how many of your users currently use an adblocker. The results obtained from this ap­plic­a­tion can be used together with the rest of your stat­ist­ics in order to obtain a more global overview of your actual con­ver­sion rate.

Even if there’s no panacea for these adblocker woes, there are many different options to choose from in order to combat the det­ri­ment­al effects of these browser ex­ten­sions. A large portion of these solutions do require, however, the ability to recognise which users are employing an adblocker feature. For­tu­nately, this is a re­quire­ment that can be fulfilled with a little bit of know-how. A JavaS­cript program built into an HTML document allows you to determine whether an adblocker is being used, and can directly initiate the desired reaction to the presence of such users. The following is a list of plausible solutions for dealing with users that have been iden­ti­fied as ad­b­lock­ers:

• Notices and warnings: The built-in JavaS­cript code is able to register that users have switched on their adblocker. Site operators are given free rein regarding the way in which they convey to users that it’s important for them to turn off their ad­b­lock­ers.

• Blocking users: one option that should be carefully con­sidered before it’s actually im­ple­men­ted involves pro­hib­it­ing known users of ad­b­lock­ers from accessing your web project. Such script can be created, tested, and im­ple­men­ted into your HTML document free of charge on Antiblock.org. Given that you’re not able to give users any ad­di­tion­al input once they’ve clicked out of the prompt you’ve created, this option can prove to be risky. A more watered-down version of this method may be worth mulling over. These allow you to prevent users with ad­b­lock­ers from accessing certain premium content offers, such as movies. 

• Offer al­tern­at­ives to turning off ad­b­lock­ers: there are other routes one can take other than re­quest­ing users to turn off their ad­b­lock­ers. The fact that a user has chosen to install an adblocker may simply be due to the fact that many online ad­vert­ise­ments are still con­sidered to pose a security threat and punishing such visitors may not bode well among certain target groups. An al­tern­at­ive solution to this problem comes in the form of changing the con­di­tions on which users are able to freely access your content. For example, simply re­quest­ing that visitors share your site on outlets like Facebook or Twitter may prove a viable al­tern­at­ive to dis­play­ing ad­vert­ise­ments. And of course, at least when it comes to sites with heavy viewer traffic, there’s always the option of demanding payment in order to view ad-free content.

One al­tern­at­ive to the measures mentioned involves learning a few tricks that prevent your ad­vert­ise­ments from being read as such by ad­b­lock­ers. For example, simply excluding the presence of certain keywords, like ‘ad’ or ‘banner’, in the ad­vert­ising element’s URL may be enough to cir­cum­vent many ad­b­lock­ers. To this end, it may be worth­while to regularly look at the filter lists of known ad­b­lock­ers. The size of the ad­vert­ise­ment is also a deciding criterion for ad­b­lock­ers. Given that ad­vert­ising banners often are of a standard size, ex­ten­sions contain the cor­res­pond­ing functions in order recognise ads simply based on their pixel numbers. Small vari­ations of this number, which may only occur provided the original copyright holder approves of such modi­fic­a­tions, is enough to cir­cum­vent the nets of these automatic ad filters. Just like no­tice­able keywords, the image’s pixel count also shouldn’t appear in the URL. A further pos­sib­il­ity involves creating one’s own in­di­vidu­al ad server in order to remain in­de­pend­ent of external ad­vert­ising networks, which are generally known to most adblocker de­velopers.

Lawsuits and court cases brought against adblocker de­velopers are no rarity. But with the exception of a few, modest victories, no sub­stan­tial successes on this front have yet to come about. Re­cog­nising the fact that ad­vert­ising filters are part of today’s online reality and reacting to this fact with relevant counter measures is an important step towards success for your online presence. Of course, it’s possible to design web presences and ad­vert­ise­ments in such a way that prevents them from trig­ger­ing ad­b­lock­ers. But it’s important to remember that these steps are often as­so­ci­ated with much more ad­di­tion­al effort on behalf of the ad­vert­isers and site operators. And it shouldn’t be forgotten that each filter add-on is well-endowed with a large community that generates new filter rules on a daily basis.

A more elegant approach to dealing with this challenge involves finding al­tern­at­ive ad­vert­ising formats or revenue sources that spare users of less popular banners and pop-ups, while at the same time managing to generate the desired income. Limiting access to content only for those who pay is an addition to native ad­vert­ising and a further point that many website operators consider. Those who focus on premium content and look for creative solutions to cir­cum­vent­ing ad­b­lock­ers will most likely find out that many users will be willing to turn off their ad­b­lock­ers or accept your al­tern­at­ive con­di­tions for viewing.