Code for wp site to detect if someone is blocking ads on my site, and ask them to unblock ads

Steps to Add This to Your WordPress Site:

Add the JavaScript Code to your theme’s header.php or enqueue it in your functions.php.
Create a CSS-styled message to inform users about ad blocking.

JavaScript Code:

<script>
document.addEventListener("DOMContentLoaded", function () {
    // Create a hidden div that adblockers usually block
    let adDiv = document.createElement("div");
    adDiv.className = "adsbygoogle";
    adDiv.style.display = "none";
    document.body.appendChild(adDiv);

    // Check if the element is being blocked
    setTimeout(() => {
        if (adDiv.offsetHeight === 0) {
            showAdBlockMessage();
        }
    }, 500);

    function showAdBlockMessage() {
        let messageBox = document.createElement("div");
        messageBox.innerHTML = `
            <div id="adblock-message" style="position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%);
            background: white; padding: 20px; border: 2px solid red; text-align: center; z-index: 10000;">
                <h3>We've detected you're using an Ad Blocker</h3>
                <p>Please consider disabling it to support our website.</p>
                <button onclick="document.getElementById('adblock-message').remove()">Close</button>
            </div>`;
        document.body.appendChild(messageBox);
    }
});
</script>

document.addEventListener("DOMContentLoaded", function () {

// Create a hidden div that adblockers usually block

let adDiv = document.createElement("div");

adDiv.className = "adsbygoogle";

adDiv.style.

display = "none";

document.body.appendChild(adDiv);

// Check if the element is being blocked

setTimeout(() => {

if (adDiv.offsetHeight === 0) {

showAdBlockMessage();

}

}, 500);

function showAdBlockMessage() {

let messageBox = document.createElement("div");

messageBox.innerHTML = `

<div id="adblock-message" style="position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%);

background: white; padding: 20px; border: 2px solid red; text-align: center; z-index: 10000;">

<h3>We've detected you're using an Ad Blocker</h3>

<p>Please consider disabling it to support our website.</p>

<button onclick="document.getElementById('adblock-message').remove()">Close</button>

</div>`;

document.body.appendChild(messageBox);

}

});

</script>

Steps to Add This to Your WordPress Site:

JavaScript Code:

Related Posts: