How to Install Anti-Adblock Script In Blogger

 

Install Anti-Adblock Script In Blogger

Hello Friends, Welcome to UCTC. Today, I am going to explain how you can add Anti AdBlocker to your Blogger Website. Anti AdBlocker is necessary to put on your website if you want to protect and maximize your earnings.

What is an AdBlocker?

Adblocker is a script or application that prevents ads from loading on websites. the person uses adblocker so that commercials do now not load at the internet site and net intake reduces that so websites hundreds quicker.

Some useful AdBlocker

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

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

How do AdBlockers affect the website owners?

जबकि एक उपभोक्ता विज्ञापनों को लोड होने से रोकने के लिए ब्राउज़र में एडब्लॉकर का उपयोग करता है, यह इंटरनेट साइट के मालिकों की आय को कम करता है। यदि वेबसाइट ने उसकी कमाई के लिए उसकी इंटरनेट साइट पर विज्ञापन रखा था और उपयोगकर्ता एडब्लॉकर का उपयोग करता है तो विज्ञापन लोड नहीं होंगे और वेबसाइट के मालिक को अब विज्ञापनों पर इंप्रेशन और क्लिक नहीं मिलेंगे।

यह बहुत दर्दनाक है जबकि एक लेखक अपने ग्राहकों को सामग्री पेश करने के लिए बहुत मेहनत करता है और वापस जाने में उसे कुछ नहीं मिलता है।

यही कारण है कि वेबसाइट के मालिक अपनी वेबसाइटों पर एंटी एडब्लॉकर का उपयोग करते हैं ताकि उपयोगकर्ता एडब्लॉकर्स का उपयोग करें और अपनी कमाई को खत्म कर दें।

यदि आप अपने वेबलॉग में AdSense का उपयोग करते हैं, तो आप पहले से ही जानते हैं कि यह आपको विज्ञापन छापों और क्लिकों के लिए भुगतान कर सकता है। मान लीजिए कि कोई व्यक्ति एडब्लॉकर क्रोम एक्सटेंशन का उपयोग करता है। उस स्थिति में, उन विज्ञापनों को उस वेब पेज पर लोड होने से रोक दिया जाएगा। परिणामस्वरूप, ग्राहकों को कोई विज्ञापन प्रदर्शित नहीं किया जा सकता है, और अब आप उनकी विज़िट का लाभ नहीं उठा पाएंगे।

ब्लॉगर वेबसाइट में Anti Adblocker Script कैसे Add करें?

आइए देखें कि आप ब्लॉगर वेबसाइट पर एंटी एडब्लॉकर स्क्रिप्ट कैसे जोड़ सकते हैं। ब्लॉगर में Anti Adblock Script को Install करने का सबसे अच्छा तरीका है कि आप नीचे दिए गए Steps का पालन करें और इसे करें।

Scroll down to the bottom and get the codes for Anti AdBlocker Script

Instructions to implement the code are given in the downloaded file.

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

Get the Codes for Anti AdBlocker script on Blogger Website.

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>

File Name: How to Install Anti-Adblock Script In Blogger Uploaded By: uctcFile Size: 2kb