Skip to content

How To Detect Ad Blocker in Blogger Website

  • by
How To Detect Ad Blocker in Blogger Website

In this video, I will show you How to Detect an Ad Blocker for Blogger Websites in Chrome, Firefox & Edge Browser? 

Similarly, you can disable adblock on firefox and Microsoft Edge browsers. 

An ad blocker helps us to increase our Adsense revenue. It's better to use an ad blocker detector for your website. So, your visitor will know that you're showing ads. Also, if they like your content, they might disable their ads blocker for your site. Here is the code

First Step: Copy this CSS Code

Add this code before closing </head> Tag

/* Ads blocker WP Coders Club 2022 */
.hidden {
    display: none !important;
}

.center {
    height: 100%;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ADs-BG {
    background: rgba(255, 255, 255, 0.58);
    width: 100vw;
    height: 100vh;
    position: fixed;
    z-index: 99999;
    top: 0;
    left: 0;
}

.at-adblock-content-wrapper {
    box-shadow: 24px 24px 48px rgba(0, 0, 0, 0.4);
    border-radius: 10px;
    max-width: 500px;
    background: #fff;
    height: auto;
    width: 100%;
}

.at-adblock-content {
    padding: 30px 50px;
}

.at-adblock-text,
.at-adblock-text h3 {
    text-align: center;
    font-family: inherit;
    font-weight: 700;
}

.at-adblock-text h3 {
    font-size: 25px;
    margin-top: 1rem;
}

.at-adblock-text p {
    margin: 20px auto;
    font-weight: 500;
    font-size: 13px;
}

.at-adblock-button .ad-btn {
    line-height: 1em;
    border-radius: 30px;
    border: none;
    border: 2px solid #b23939;
    padding: 10px 20px;
    width: 100%;
    background: #b23939;
    color: #fff;
    transition: 0.2s;
}

.at-adblock-button .ad-btn:hover {
    background: #fff;
    color: #b23939;
    border: 2px solid #b23939;
}

@media (max-width:480px) {
    .at-adblock-content-wrapper {
        max-width: 300px
    }

    .at-adblock-text h3 {
        font-size: 20px
    }

    .at-adblock-text p {
        font-size: 12px
    }

    .at-adblock-button .ad-btn {
        font-size: 12px
    }
}

/* end */

Second Step: Then copy this HTML Code

Add this after opening <body> Tag

<div class='ADs-BG center hidden' id='ST1mar'>
        <div class='at-adblock-content-wrapper'>
            <div class='at-adblock-content'>
                <div class='center'>
                    <div class='logo'>
                        <svg style='width:58px;height:58px' viewBox='0 0 24 24'>
                            <path d='M8.27,3L3,8.27V15.73L8.27,21H15.73C17.5,19.24 21,15.73 21,15.73V8.27L15.73,3M9.1,5H14.9L19,9.1V14.9L14.9,19H9.1L5,14.9V9.1M11,15H13V17H11V15M11,7H13V13H11V7' fill='#b23939' />
                        </svg>
                    </div>
                </div>
                <div class='at-adblock-text'>
                    <h3>
                        Attention! Ad blocker Detected!
                    </h3>
                    <p>
                        We know ads are annoying but please bear with us here & disable your ad blocker!
                    </p>
                </div>
                <div class='at-adblock-button'>
                    <button class='ad-btn'>
                        Okay
                    </button>
                </div>
            </div>
        </div>
    </div>

Final Step:  Add This Javascript Code

Add this code before closing </body> Tag

<script src='data:text/javascript;base64,ZnVuY3Rpb24gaW5pdCgpe2Fkc0Jsb2NrZWQoZnVuY3Rpb24obyl7bz8oJCgiI1NUMW1hciIpLnJlbW92ZUNsYXNzKCJoaWRkZW4iKSwkKCIuYXQtYWRibG9jay13cmFwcGVyIikuYWRkQ2xhc3MoImZhZGVJbiIpKTpjb25zb2xlLmxvZygiQWQtYmxvY2tlciBFbmFibGVkIDogIitvKX0pfWZ1bmN0aW9uIGFkc0Jsb2NrZWQobyl7dmFyIG49bmV3IFJlcXVlc3QoImh0dHBzOi8vcGFnZWFkMi5nb29nbGVzeW5kaWNhdGlvbi5jb20vcGFnZWFkL2pzL2Fkc2J5Z29vZ2xlLmpzIix7bWV0aG9kOiJIRUFEIixtb2RlOiJuby1jb3JzIn0pO2ZldGNoKG4pLnRoZW4oZnVuY3Rpb24obyl7cmV0dXJuIG99KS50aGVuKGZ1bmN0aW9uKG4pe2NvbnNvbGUubG9nKG4pLG8oITEpfSkuY2F0Y2goZnVuY3Rpb24obil7Y29uc29sZS5sb2cobiksbyghMCl9KX1zZXRUaW1lb3V0KCgpPT57aW5pdCgpfSwwKSwkKCIuYWQtYnRuIikuY2xpY2soZnVuY3Rpb24oKXtsb2NhdGlvbi5yZWxvYWQoKX0pOw==  ' />

How to detect adblock 

How to disable adblock 
How to disable adblock on chrome 
How to disable adblock on firefox 
How to disable adblock on edge 
How to disable adblock on the browser 
How to disable adblock 
Please disable AdBlock 
You have AdBlock Enabled
Ad Blocker Javascript Code,
Ad block detector javascript code

Leave a Reply

Your email address will not be published. Required fields are marked *

Exit mobile version