Ad Block Detector कैसे लगाएं अपनी Website में?

 

आजकल बहुत सारे Visitors अपनी Browser में Ad Blocker Extensions का इस्तेमाल करते हैं। इससे आपकी Website पर दिखने वाले Ads Block हो जाते हैं और आपकी Earning कम हो जाती है। इस आर्टिकल में हम जानेंगे कि अपनी Website में Ad Block Detector कैसे लगाया जाए ताकि Users को Ads Disable करने का Message दिखे।

क्यों ज़रूरी है Ad Block Detector?

• AdSense और Other Ads से Income Save करने के लिए
• User को Educate करने के लिए कि Ads आपकी Site को Support करते हैं
• Alternative Content (जैसे Premium Membership) Offer करने के लिए

Step 1: Basic JavaScript Ad Block Detection

<script>
document.addEventListener("DOMContentLoaded", function() {
    var adBlockEnabled = false;
    var testAd = document.createElement('div');
    testAd.innerHTML = ' ';
    testAd.className = 'adsbox';
    document.body.appendChild(testAd);
    window.setTimeout(function() {
        if (testAd.offsetHeight === 0) {
            adBlockEnabled = true;
        }
        testAd.remove();
        if (adBlockEnabled) {
            alert("⚠️ कृपया Ad Blocker Disable करें ताकि आप हमारी Website का पूरा आनंद ले सकें।");
        }
    }, 100);
});
</script>

👉 ये Code Simple Alert दिखाएगा अगर Ad Blocker Active है।

Step 2: Stylish Popup Message (CSS + JS)

<style>
#adblock-message {
  display:none;
  position:fixed;
  top:0; left:0;
  width:100%; height:100%;
  background:rgba(0,0,0,0.8);
  color:#fff;
  text-align:center;
  padding-top:100px;
  z-index:9999;
}
</style>

<div id="adblock-message">
  <h2>🚫 Ad Blocker Detected</h2>
  <p>कृपया Ads Disable करें ताकि हमारी Website को Support मिल सके ❤️</p>
</div>

<script>
document.addEventListener("DOMContentLoaded", function() {
    var testAd = document.createElement('div');
    testAd.innerHTML = ' ';
    testAd.className = 'adsbox';
    document.body.appendChild(testAd);
    setTimeout(function() {
        if (testAd.offsetHeight === 0) {
            document.getElementById("adblock-message").style.display = "block";
        }
        testAd.remove();
    }, 100);
});
</script>

👉 इस Code से User को Popup दिखाई देगा जब भी वह Ad Blocker ON करके आपकी Site पर आएगा।

Step 3: Advanced Options

• User को Ads Disable करने तक Content Hide करें
• Premium Plan Offer करें → बिना Ads
• Friendly Message Use करें → “Ads हमारी Website को Free रखने में मदद करते हैं”

निष्कर्ष

Ad Block Detector आपकी Website की Earning और User Awareness दोनों बढ़ाने में मदद करता है। अगर आप AdSense का उपयोग करते हैं, तो यह Script आपकी Income Protect करने का एक बढ़िया तरीका है।