How to check ad blocking?

Question

JavaScript

We need a script that will check if the user has ad blocking enabled.
I want to implement this on my website

Answer 1

Eat to download something that is very likely to be blocked. Check if the resource was loaded successfully.

Answer 2

faced with a similar need, tk. API got into "ru AdList", solved in this way:

export default function detectAdBlock(){
    return new Promise((resolve) => {
        const adElement = document.createElement("div");
        adElement.classList.add('adsbygoogle');
        adElement.style.cssText = 'height: 1px; width: 1px; background-color: transparent';
        document.body.appendChild(adElement);

        const adElementStyle = getComputedStyle(adElement, null);
        window.setTimeout(()=>{
            if(adElementStyle.display === 'none'){
                resolve(true)
            }else{
                resolve(false)
            }
            document.body.removeChild(adElement);
        }, 20)
    })
}

it should be taken into account that extensions have a higher priority than scripts => in my case, I knocked out the requirement to add the site to the whitelist, because. otherwise, the wonderful "AdList" regular expressions did not allow receiving data from the API