Skip to content

How to Detect Ad Blocker for Blogger Website – Secret Method

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.

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

[embedyt] https://www.youtube.com/watch?v=vVGOnanoqDI[/embedyt]

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==  ' />

 

2 thoughts on “How to Detect Ad Blocker for Blogger Website – Secret Method”

Leave a Reply

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