How to Install Anti Adblock Script in Blogger l Adblock Detected Script l Add Adblock Html Code

Are you looking for a powerful Anti adblock script that will block all adblockers in the browser and force users to whitelist your website?

Then you are at the right place. In this article, I will share with you the step-by-step method to install an anti-adblocker script on the blogger website.

So, with the implementation of this script, you can increase your revenue by unlocking ads on browsers that block the ad loading using an extension.

So, if your website’s most of income relies on Adsense, then it will be a lifesaver for you. It is a must-needed script that prevents Adblocking and asks the user to unblock or whitelist your website before accessing the whole content.

What is an AdBlocker?

An Adblocker is a chrome extension that blocks the loading of different Ads and popups on the website. Most of the users use these types of tools to load websites without ads and protect privacy by blocking those cookies and trackers.

It is very good for the readers to have a clean website without any ads but as content creators, bloggers we need to display ads to the user to generate income out of it.

That’s why you need to Add the anti-adblocker script to your blogger website and ask the users (who use Adblocker software) to whitelist your domain and enable ads on your website.

How does Adblocker Affect your Adsense Earning?

If you are using Adsense on your blog, then you know that it pays you for Ad impressions and clicks on the ads. So, if a user installs an adblocker chrome extension then it will block those ads from loading on that page. so, there will be no ads shown to the users and you will not get any money from that user visits.

So, if most of the readers use adblocking software then it will be going to affect your overall ad revenue and the user will get the information for free without any contribution to the website.

So, I recommend you to use below Adblock killer Script on your blogger website and earn more revenue from your blog or website.

How to Install Anti Adblock script in Blogger?

To install the anti adblock script in Blogger, follow the below steps.

Step-1:

Go to Blogger dashboard and click on the theme section.

Step-2:

Take a theme backup and click on the “Edit HTML” option.

Step-3:

Now Add the Javascript code above the </body> tag.

<script>//<![CDATA[ 
!function() {function f() {var a=document.getElementById("postBody");a.innerHTML='<p class="note noteAlert blocked"><strong>Ad-Block Detected :((</strong><br><br>Sorry, We detected that you have activated Ad-Blocker.&nbsp;<br> Please Consider supporting us by disabling your Ad-Blocker,It helps us in maintaining this website.&nbsp;<br>To View the content disable adblocker and refresh the page.<br><br>Thank You !!!</p>';} var b=document.createElement("script");b.type="text/javascript";b.async=!0;b.src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js";b.onerror=function() {f();window.adblock=!0};var e=document.getElementsByTagName("script")[0];e.parentNode.insertBefore(b,e)}(); 
//]]></script>

Step-4:

Here, replace the Id of your Post Body section. (eg. Post-body, Post-Body )

Step-5:

Now Use the below CSS code just above the Javascript code.

<style>
article .note{position:relative;padding:20px 30px 20px 50px;background-color:#e1f5fe;color:#01579b;font-size:.85rem;line-height:1.62em;border-radius:2px}
article .note:before{content:'\2605';position:absolute;left:18px;font-size:20px}
article .noteAlert{background-color:#ffdfdf;color:#e65151}
article .noteAlert:before{content:'\2691'}
</style>

Now save the theme code and Anti Adblock script will be added to your Blogger theme.

Here, it will replace the post section, and show a warning like this to the users to unblock the Adblocker in their Browsers.

Note: You need to add the right Id of the Body section of the blog post or page. If you are not using the right Id, than the script will not work. Common Post Id in Blogger themes are postBody , post-Body , post-body etc.

So, in this way, you can improve your Ad revenue by showing Ads to all users. So, your Ad impression and click will increase with the same amount of traffic.

Note: If you are using themes like Median UI/ Fletro Pro, you don’t need to add the CSS code as it is already there in that theme.

Although It counters the Adblocker tool, it also slows down the speed a little bit as we can’t apply lazyload Adsense along with this script.