Monday, 20 February 2017

How To Enable Anti Adblock on Blogger or WordPress

Hello Guys Today I will share a tutorial how to provide notification adblocker Adsense when users access the blog and Adblock extension enabled in your browser

How To Detect Your Visitors Are Using AdBlock:

This is the toughest part of this whole process, with the help of some scripts we can easily detect their browsers, operating system and even their IP Addresses but its extremely difficult to identify whether they are using it or not. Here we need to compare our Blog’s daily visitors and earning statistics, if the earning ratio is extremely low in comparison with visitors then sure-enough your visitors are bluffing you with ad blocker. 

How To Get Rid Of AdBlock From BlogSpot Blogs:

There are two different methods which could be utilized to realize our visitors to disable ad blocker while surfing your website.

Ask Your Readers to Disable AdBlock:

Make conversations with your reader on your blog or schedule a hangout with them, and make them realize that the community is declining due to lack of sponsors, while some sponsors are not satisfied because visitors are using ad blocking scripts. It has almost cut downed blog’s earning into two pieces. Ask for help, and tell them to disable their Ad Blocker while browsing your blog.

Force them to stop using AdBlock:

To force your visitors to disable AdBlocker we will use a Script which will detect AdBlock and guide the user to disable if they want to continue, otherwise, it will keep on sending annoying notifications to until or unless they disable AdBlock so to do so.
  • Go to Blogger >> Template >>
  • Back up your template incases anything went wrong.
  • Now select Edit HTML >> Proceed.
  • Then search for ]]></b:skin> and once you find it, just above it paste the following CSS code.
/* Notifikasi Adblocker Adsense */ #keep-ads{padding:0;position:fixed;bottom:0;opacity:0;height:auto;transition:all .6s cubic-bezier(.25,.8,.25,1);-webkit-transform:translateZ(0);transform:translateZ(0);backface-visibility:hidden;transition:all .2s ease-in-out,visibility 0s;transform-origin:bottom center;} .keep-adsme{background:#e74c3c;color:#fff;position:absolute;text-align:center;padding:0;margin:auto;top:30%;left:0;right:0;font-size:1.2rem;line-height:1.5;max-width:930px;box-shadow:0 0 50px rgba(0,0,0,0.25);transition:all .6s cubic-bezier(.25,.8,.25,1);overflow:hidden} .keep-adsme:hover{box-shadow:0 0 20px rgba(0,0,0,0.15);} .keep-adsme h4{background:#d04537;color:#fff;padding:15px 25px;font-size:2.2rem;margin:0 auto;border-bottom:1px solid rgba(0,0,0,0.1);} .keep-me{border-top:1px solid rgba(255,255,255,0.1);padding:10px 30px 50px 30px} #keep-ads p{margin:0} #keep-ads a{color:#ffe88b;}#keep-ads a:hover{color:#ffe88b;text-decoration:underline}{left:0;top:0;right:0;z-index:1000;pointer-events:auto;opacity:1;visibility:visible;transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1);animation:wobble .7s;opacity:1;} .close-keep-ads{visibility:hidden;opacity:0;color:#ffe88b;text-align:center;position:absolute;bottom:10px;right:10px;font-size:32px;cursor:pointer;width:30px;height:30px;line-height:30px;border-radius:100%;transition:all .6s cubic-bezier(.25,.8,.25,1);transform:translate(0,50px);} .close-keep-ads:hover{color:#fff;transform:scale(1.0);} .keep-adsme:hover .close-keep-ads{visibility:visible;opacity:1;color:#ffe88b;transform:translate(0,0);} #keep-ads p span {font-family:fontawesome;font-size:5rem;} @keyframes wobble{0%{transform:scale(0) rotate(-54deg) translatey(40px)}45%{transform:scale(1.1) rotate(20deg) translatey(0px)}60%{transform:scale(1) rotate(-15deg) translatey(0px)}77%{transform:scale(1) rotate(10deg) translatey(0px)}100%{transform:translatey(0)}}

  • Then add Javascript below before code </body>

<script type='text/javascript'> //<![CDATA[ // Notifikasi Adblocker Adsense function hidekeep(){document.getElementById("keep-ads").style.display="none"}setTimeout(function(){var e=document.getElementById("keep-ads"),t=document.querySelectorAll("ins.adsbygoogle");0===$(t).height()&&(e.className="show")},2e3); //]]> </script>

  • Next, add the following HTML code is freely inside <body> And </body>

<div id='keep-ads'> <div class='keep-adsme'> <p><h4>Adblock Detected</h4></p> <div class='keep-me'> <p><span><i aria-hidden='true' class='fa fa-exclamation-triangle'/></span></p> <p>We've detected that you're using AdBlock Plus or some other adblocking software. In order to keep this website free, this site is sponsored in part by advertisement</p> <p>This is <a href='' target='_blank' title='Show me how'>how to whitelisting</a> this blog in your ad blocker</p> <p>Thank you</p> </div> <div class='close-keep-ads' onclick='hidekeep()'>&#215;</div> </div> </div>

  • All done Save your Template by pressing Save Now button.

 Now any visitors who will visit your blog with AdBlock enable will face an annoying message, he will continue to get this message until he disables AdBlock. 

So, guys, we hope now you are stress-free and can easily wipe out those who are bluffing you with AdBlock. If you need any help feel free to ask till then, peace, blessing, and Happy NO Ads Blocking.

Rishi yadav is the founder of MyTechTalk.A Popular tech blog dediceted for Geeks and blogger You Can Follow Me on Facebook Or You Can Connent With Me On Twitter @alltechpeople