More and more users are starting to use Adblockers.
Adblockers are great for sites that use lots of popups and have videos playing when you load a page, but most sites don't use obtrusive ads and you should whitelist these.
Many sites depend on ad revenue to stay afloat. The issue is most users that use Adblocker just enable it and never add any sites to the whitelistings.
For website publisher's there are a few options. You can detect Adblock on the visitor’s computer and hide your content if the ads are being blocked (that’s going too far if you ask me), or you could display alternate content reminding users who are blocking the ads to add your site to the whitelistings.
To display alternative content we can use a bit of JavaScript.
If you haven't done this already, make sure you are using async ads.
Here is an example of a responsive leaderboard/horizontal async ad unit.
Here is an example of a box/rectangle async ad unit.
Once you have done that make sure jQuery is in use on your site.
http://www.w3schools.com/jquery/jquery_get_started.asp
Next download theses images (or create your own) and place them in the root of your website.
Adblockers are great for sites that use lots of popups and have videos playing when you load a page, but most sites don't use obtrusive ads and you should whitelist these.
Many sites depend on ad revenue to stay afloat. The issue is most users that use Adblocker just enable it and never add any sites to the whitelistings.
For website publisher's there are a few options. You can detect Adblock on the visitor’s computer and hide your content if the ads are being blocked (that’s going too far if you ask me), or you could display alternate content reminding users who are blocking the ads to add your site to the whitelistings.
To display alternative content we can use a bit of JavaScript.
If you haven't done this already, make sure you are using async ads.
Here is an example of a responsive leaderboard/horizontal async ad unit.
Code:
<!-- Begin: google -->
<style type="text/css">
.adslot_1 {
width: 320px;
height: 50px;
}
@media (min-width:500px) {
.adslot_1 {
width: 468px;
height: 60px;
}
}
@media (min-width:800px) {
.adslot_1 {
width: 728px;
height: 90px;
}
}
</style>
<ins class="adsbygoogle adslot_1" style="display:inline-block;" data-ad-client="ca-pub-xxxxxxxxxxxxxxxx" data-ad-slot="yyyyyyyyyy"></ins>
<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
<!-- End: google -->Here is an example of a box/rectangle async ad unit.
Code:
<!-- Begin: google -->
<style type="text/css">
.adslot_2 {
width: 125px;
height: 125px;
}
@media (min-width:500px) {
.adslot_2 {
width: 180px;
height: 150px;
}
}
@media (min-width:800px) {
.adslot_2 {
width: 200px;
height: 200px;
}
}
@media (min-width:1440px) {
.adslot_2 {
width: 250px;
height: 250px;
}
}
</style>
<ins class="adsbygoogle adslot_2" style="display:inline-block;" data-ad-client="ca-pub-xxxxxxxxxxxxxxxx" data-ad-slot="yyyyyyyyyy"></ins>
<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
<!-- End: google -->Once you have done that make sure jQuery is in use on your site.
http://www.w3schools.com/jquery/jquery_get_started.asp
Next download theses images (or create your own) and place them in the root of your website.
| adblock.zip | ||
| File Type: |
Image may be NSFW. Clik here to view.  |
Image may be NSFW. Clik here to view.  |
| Downloaded: | 2 times | |
| Size: | 41.3 KB | |