Anti Ads Blocker Script for Blogger Site | Powerful Anti Ads Blocker Script.

Hello Guys! How are you? I hope you are all good. Welcome Freemium Tech website's today's article. Today we will share with you anti ads blocker script for Blogger Site.

What is an AdBlocker?

Adblocker is a Chrome extension that when installed on the browser removes all ads, cookies, trackers from the websites being browsed from that browser and gives a nice, clean user interface. As a result, webpages load much faster, which creates a much better interface for visitors to read blog posts.

But, as a blogger, to generate revenue from our website, we must display ads on our website. Otherwise, we will not be able to afford the incidental expenses required to run our website. So the only way is to add Anti Adblocker plugin to our website. So if someone visits our blog with Adblock extension added to their browser, they won't be able to see any content on our website. They will be shown a warning to close AdBlock extension. It's not a popup Anti Adblock Script. By using it, visitors can visit the website fine. , but will not be able to see any posts. This will force visitors to disable the Adblocker extension from their browser or add our website to their Adblocker extension's whitelist.

How does AdBlocker Affect Adsense Earning?

Those of us who blog and earn money using Adsense on our website, know that Adsense pays on Ad Impression and Click. But when a visitor visits our website with AdBlocker extension on their browser, an ad is displayed on their browser. does not load Adblocker extension removes all the ads. And if the ads are not loaded, then no impression or click will come from that visitor. So if we add this anti ad blocker script to our blogger blog, then the revenue from our website will increase.

How to add Anti Adblock script in Blogger?

If you want to add anti adblocker script to blogger, complete all the steps shown below carefully. Below I will show you how to easily add anti adblocker script to your blogger blog.

Go to Blogger Dashboard
Then go to Theme > Edit HTML
And Follow the below instructions.

Step 1: Add this css before </style>

.popSc{position:fixed;z-index:99999;top:0;bottom:0;left:0;right:0;padding:20px;background:#f3f5fe;display:flex;justify-content:center;align-items:center}

.popSc.hidden{display:none}

.popSc .popBo{position:relative;background:#fff;max-width:400px;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:30px;border-radius:30px}

.popSc .popBo svg{display:block;width:50px;height:50px;fill:none !important;stroke:#08102b;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5}

.popSc .popBo h2{margin:10px 0 15px 0;font-size:1.2rem;font-weight:800;color:#08102b}

.popSc .popBo p{margin:0;line-height:1.7em;font-size:0.9rem;color:#08102b}

.darkMode .popSc{background:#1f1f1f}

.darkMode .popSc .popBo{background:#2c2d31}

.darkMode .popSc .popBo svg{stroke:#fefefe}

.darkMode .popSc .popBo p, .darkMode .popSc .popBo  h2{color:#fefefe}

Step 2: Add this HTML before </body>

<div class='popSc hidden' id='antiAdBlock'>

  <div class='popBo'>

    <svg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><circle cx='12' cy='12' r='10'/><line x1='12' x2='12' y1='8' y2='12'/><line x1='12' x2='12.01' y1='16' y2='16'/></svg>

    <h2>Ad-Blocker Detected!</h2>

    <p>Sorry, We detected that you have activated Ad-Blocker.<br/>Please consider supporting us by disabling your Ad-Blocker, it helps us in developing this Website.<br/>Thank you!!</p>

  </div>

</div>

Step 3: Add this JS just after the Above HTML

<script>/*<![CDATA[*/ /* Anti Ad-Blocker Script by Fineshop (Lazyload) */ var lazyAnti=!1;window.addEventListener("scroll",function(){(0!=document.documentElement.scrollTop&&!1===lazyAnti||0!=document.body.scrollTop&&!1===lazyAnti)&&(!function(){var antiAdBlock=document.querySelector("#antiAdBlock");var e=document.createElement("script");e.type="text/javascript",e.async=!0,e.src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js";e.onerror=function(){if(antiAdBlock!=null){antiAdBlock.classList.remove("hidden");window.lazyAnti=!0}};var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(e,a)}(),lazyAnti=!0)},!0); /*]]>*/</script>

That's done! 👍 You are Successfully create Quiz or mcq on your Blogger website.

CONCLUSION

In this article, I shared with you Anti Ads Blocker Script for Blogger Site. I hope you have liked It. Please do share it with your friends and follow our blog for more.

Join our Telegram Channel to get the lastest posts updates daily.

Our All Posts Are Protected By DMCA. So Don't Try To Copy Our Posts And Reproduction In Any Way Is Strictly Prohibited! Or else Legal Actions Will Be Taken.