Best way to Install Anti Adblock Script In Blogger

By -

Hello Friends, Welcome back to DracWound Helps. Today on this occasion I am going to explain how you can add Anti AdBlocker to your Blogger Website. 

Anti adblocker



Anti AdBlocker is very necessary to put on your website if you want to protect and maximize your earnings.

What is an AdBlocker?

AdBlocker is somewhat a type of script or program that stops the Ads to load on the websites. The user uses AdBlocker so that Ads do not load on the website and internet consumption reduces that so websites loads faster. 

Some useful AdBlocker

Here is a list of Adblocker which is mostly used by user on their devices.

  1. Adguard
  2. Adblocker Ultimate
  3. AdBlock
  4. Brave Browser for PC & Mobile

How do AdBlockers affect the website owners?

When a user uses an AdBlocker in the browser to stop the ads to load then it decreases the earnings of website owners. If the website had put ads on his website for his earnings and the user uses adblocker then the ads will not load and the website owner will not get the impressions and clicks on the ads. 

This is very painful when a creator does so much hard work to provide content to his users and in return, he does not get anything in return. 

That's why website owners use Anti AdBlocker on their website so that users do use Adblockers on their website and kill their earnings.


If you use Adsense on your blog, you already know that it pays you for ad impressions and clicks. If a person uses an adblocker chrome extension, those ads will be prevented from loading on that page. As a result, no ads will be displayed to users, and you will not profit from their visits.

How do Anti AdBlocker works?

Anti Adblocker is a type of script which is put on the website to stop the AdBlocker present in the browser. Anti AdBlocker gets activated when the script finds that AdBlocker is present in the browser. 

Anti AdBlocker does not allow the user to access the content present on the website until the user turns off the AdBlocker.

Features of Anti Adblocker Script

There are some useful and interesting features that you should know about this Anti Adblocker Script for Blogger. 

Features of Anti Adblocker Script are

  1. No Content Shifting Problem
  2. Easy to use
  3. Will maximize your earnings very much
  4. No Jquery used
  5. Made with Pure HTML, CSS, JavaScript
  6. Stops most of the Adblocker extensions and Scripts
  7. Interrupts the view of the user with a simple popup

How to add Anti Adblocker Script in Blogger website?

Let's see how you can add Anti AdBlocker Script in Blogger website. The Best way to Install Anti Adblock Script In Blogger is to follow the given below steps and do it.

  1. Scroll down to the bottom and getthe codes for Anti AdBlocker Script
  2. Instructions to implement the code are given in the downloaded file.
  3. Go to Blogger Dashboard
  4. Then go to Theme > Edit HTML
  5. And Follow the instructions in the file.

Get the Codes for Anti AdBlocker script in Blogger Website.

Credit for this Anti AdBlocker script goes to Fineshop Design

Take backup of your theme at least twice.

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>

Comments

Post a Comment

Popular posts from this blog

Top 6 Books for Programmers as a selection of Developers !

By -
Image
Books are our closest companions. Software engineers prescribes a few books for coding to improve your Coding Skills .  Books assists you with Thinking , Organize and furthermore make you a Good Problem Solver. Books are athe extraordinary wellspring of information and intelligence . Programming likewise have some Great Books. Taday I have discovered a few books which creates prescribe to improve your coding abilities. So burning through your any further time . LETS GETS STARTED :)  These Books are of incredible worth to programming. Also, I as Programmer also prescribe you to peruse these books .  Book No. 1 Number ONE on the rundown is  CLEAN CODE  This will show all of you deceives and examples of composing great and clean code.Every code which runs is certainly not a spotless code . Amateur Developer regularly commits the errors referenced in this books .This books cause Developer to compose a spotless and the expert code  Book No. 2 Number TWO on the r...
Read More 》

How to Resize Contact Form 7 Textarea Rows

By -
Image
Do you want to resize contact form 7 text area rows  or cf7 textarea rows then don't worry I will help you out, as in this particular article we will discuss how to resize contact form 7 Textarea rows or   cf7 textarea rows  easily? If you are looking for the best Contact Form Plugin for your WordPress blog or website, then the best option for you is Contact Form 7 . Contact Form 7 is the best and free plugin through which you can easily set up a contact form for your website that will be helpful for visitors if they need to contact you. In this particular article, we will discuss what is contact form 7, how to set up contact form 7, and how to resize contact form 7 Textarea rows . Mostly it contain textarea contact form 7 rows How to Resize Contact Form 7 Textarea Rows Now let's talk about the main topic of this article " How to resize Contact Form 7 Textarea rows ", Well, it's very simple to do just follow my instructions step by step to  resize contact f...
Read More 》

Materia X2 v2.9 Premium Blogger Template

By -
Image
Elcreative Academy has launched the new version of Materia X2. Materia X2 v2.9, Material Design is a Multipurpose Blogger Template Inspired by Google Material Design. It has many helpful features. Features of Materia X2 Here are some interesting and valuable features which you will get in Materia X2 v2.9 1. Progress Bar 2. Lazy Loading AdSense 3. Color Mode 4. Post Code Syntax Highlighter 5. Post table of Content 6. Related Posts 7. Safelink 8. Post Scroll Indicator 9. Native Sharer 10. JQuery Script 11. Built-In Components Progress Bar This great feature is now added in Materia X2 v2.9. It is very useful for displaying the Progress Bar as an indicator that the page has been completely loaded or not.  It has animations and it does not affect the loading speed of a page. Lazy Loading AdSense This great and necessary feature is now added in Materia X2 v2.9. This setting for monetization is useful for delaying the loading of the AdSense script which o...
Read More 》