Are you looking for a powerful Anti Adblock script that will block all adblockers in the browser and force users to whitelist your website. Here is the Best Anti Adblock script for your blogger website.
You have come to the right place. In this article, I'll show you how to install an anti-adblocker script on a blogger website step by step.
As a result, by implementing this script, you can enhance your revenue by unlocking ads on browsers that block ad loading through the use of an extension.
So, if Adsense is the main source of income for your website, this will be a lifesaver for you. It is a necessary script that prevents adblocking and prompts the user to unblock or whitelist your website before accessing the entire content.
Before we start let's take a look at its Demo.
What is an AdBlocker?
An adblocker is a chrome extension that prevents the loading of various advertisements and popups on a website. The majority of users use these tools to load websites without ads and to protect their privacy by blocking those cookies and trackers.
It is beneficial for readers to have a clean website free of advertisements; however, as content creators and bloggers, we must display advertisements to users in order to generate revenue.
That's why you should add the anti-adblocker script to your blogger website and ask 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 the majority of your readers use adblocking software, it will have an impact on your overall ad revenue, and the user will receive the information for free with no 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?
To install the anti adblock script in Blogger, follow the below steps.
Important! Before we begin adding XML codes, I strongly advise you to make a backup of your current theme. If an issue arises, you can always restore it later.
Step 1: First of all Login to your Blogger Dashboard.
Step 2: On Blogger Dashboard, click Theme.
Step 3: Click the arrow down icon next to the 'Customize' button.
Step 4: Choose Edit HTML, you will be redirected to the editing page.
Step 5: Next search the ]]></b:skin> or </style> code and paste the CSS code just above the ]]></b:skin> or </style> code.
/* Note By The Web Trick*/ .note{position:relative;padding:16px 20px 16px 50px; background:#e1f5fe;color:#3c4043; font-size:.85rem;font-family:var(--fontB);line-height:1.6em;border-radius:10px;overflow:hidden} .note::before{content:'';width:60px;height:60px;background:#81b4dc;display:block;border-radius:50%;position:absolute;top:-12px;left:-12px;opacity:.1} .note::after{content:'\002A';position:absolute;left:18px;top:16px; font-size:20px; min-width:15px;text-align:center} .note.wr{background:#ffdfdf;color:#48525c} .note.wr::before{background:#e65151} .note.wr::after{content:'\0021'}Note: If you are using themes like UI Median, Fletro Pro and iMagz you don’t need to add the CSS code as it is already there in that theme.
Step 6: Now add the following JavaScript Code just above to </body> tag. If you don't find it, it is probably already parsed which is </body>.
/* Anti Ad Block By The Web Trick*/<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. <br> Please Consider supporting us by disabling your Ad-Blocker,It helps us in maintaining this website. <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>Don't forget to replace your post body section in the marked section. For Median UI 1.4 users replace "post-body" code with"post-body" code.
Step 7: Finally, click this icon to save your changes 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.
After Unblocking the Adblocker Extension, it will display the page content along with your Adsense ads to the users.
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.
Final Words to Install Anti Adblock Script in Blogger?
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.
So, if you are concerned about Ad revenue then you should use this script otherwise you can stick with the lazyload Adsense Ads for Better speed.
If you've any thoughts on How to Install Anti Adblock Script in Blogger?, then feel free to drop in below comment box. Also, please subscribe to our . Also, please subscribe to our Right Share YouTube channel for videos tutorials. Cheers!