How to Install Adblock Detector Widget in Blogger | Increase your Ad Revenues
Hello Friends Welcome Back to Dreamtrap Blog. Today we learn How to Install Ad-block Detector Widget in Blogger or How to stop losing ad-revenue or how to increase ad-revenue by implement this ad-block detector on your blogger websites.
In this post we know what is adblock or benefits of adblock. you also know the step for how to install this widget in your blogger website.
Benefits of Install Adblock detector in blogger:
- By Install this widget you ad-revenue increase.
- Easy to install in blogger.
- No need to learn hard coding language.
- help to stop lose your ad revenue
- Beneficial for blog holder.
Steps to Install Adblock detector in blogger:
1. Open Blogger Dashboard.
2. Go to Theme Section or click edit html.
3. Now Search </body> tag by Press CTRL+F Button.
4. After find paste the below code above the </body> tag.
<style>
div[class^="ykwrp_"]{display:none}
.ykth-inner{font-family:"Open Sans","Roboto",Segoe UI,sans-serif;background:#FFF;position:fixed;width:40%;left:0;right:0;top:30%;margin:auto}
div[class^="ykwrp_"]:before,#ykth:before{content:"";position:fixed;background:#00000055;top:0;left:0;right:0;bottom:0;width:100%;height:100%}
.ykth-head{background:#de2b2b;color:#FFF;padding:20px}
.ykth-head>svg{float:left;margin:0 9px 0 0;animation:shake .82s cubic-bezier(.36,.07,.19,.97) 7;transform:translate3d(0,0,0);backface-visibility:hidden;perspective:1000px}
.ykth-head>i{position:absolute;top:16px;right:16px;cursor:pointer;line-height:13px;font-size:21px;font-weight:700;font-style:normal}
.ykth-head>b{font-size:16px;font-weight:700;text-transform:uppercase}
.ykth-head>p{margin:0 0 0 35px;font-size:14px}
.ykth-body{padding:20px;font-size:100%;line-height:1.7}
.ykth-body>p{margin:0 0 10px}
@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}
</style>
<div id="ykth"><div class="ykth-inner">
<div class='ykth-head'>
<svg style="width:30px;height:30px" viewBox="0 0 26 26"><path fill="#FFFFFF" d="M13,13H11V7H13M12,17.3A1.3,1.3 0 0,1 10.7,16A1.3,1.3 0 0,1 12,14.7A1.3,1.3 0 0,1 13.3,16A1.3,1.3 0 0,1 12,17.3M15.73,3H8.27L3,8.27V15.73L8.27,21H15.73L21,15.73V8.27L15.73,3Z"/></svg>
<b>Adblock Detect</b>
<p>We have detected that you are using adblock in your browser</p>
<i class="close" onclick="document.getElementById(ykrd1).style.display='none'">�-</i>
</div>
<div class='ykth-body'>
<p>Our website is made possible by displaying online advertisements to our visitors.</p>
<p>Please consider supporting us by disabling your ad blocker.</p>
</div>
<!-- Start Condition When JS Disable -->
<noscript>
<div class="ykth-body">
<p>Javascript is disabled in your web browser.</p>
<p>For full functionality of this site it is necessary to enable JavaScript. Here are the <a href="https://www.enable-javascript.com/" target="_blank"> instructions how to enable JavaScript in your web browser</a>.</p>
</div>
<style>#ykth{display:block;}.ykth-inner>.ykth-body{display:none;}.ykth-head>b,.ykth-head>p{font-size:0}.ykth-head>b:before{content:"Javascript Detected";font-size:16px}.ykth-head>p:before{content:"We have detected that you are disable javascript in your browser";font-size:14px}</style>
</noscript>
<!-- End Condition When JS Disable -->
</div></div>
<script>
//<![CDATA[
var ykrd1=Math.random().toString(36).substring(2, 15) + Math.random().toString(36).substring(2, 15);
var ykrd2=Math.random().toString(36).substring(2, 7);
var e=document.getElementById("ykth");e.setAttribute("id", ykrd1);e.classList.add("ykwrp_"+ykrd2);
document.addEventListener('DOMContentLoaded', init, false);
function init(){
adsBlocked(function(blocked){
if(blocked){
document.getElementById(ykrd1).style.display='block';
} else {
document.getElementById(ykrd1).style.display='none';
}
})
}
function adsBlocked(callback){
var testURL = 'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'
var myInit = {
method: 'HEAD',
mode: 'no-cors'
};
var myRequest = new Request(testURL, myInit);
fetch(myRequest).then(function(response) {
return response;
}).then(function(response) {
console.log(response);
callback(false)
}).catch(function(e){
console.log(e)
callback(true)
});
}
//]]>
</script>
5. Click Save theme button.6. Now you are done.
7. if you want to see this process in video then see below video with full explanation.
Disadvantages of Install Adblock detector in blogger:
1. if you install this in blogger you see your analytics that you will get higher bounce rate on your website.
2. viewer come site they see adblock popup and most of go back without disable adblock detector.
3. It also affect on page view.
4. Viewers also not come again if they see adblock detector. Dangerous affect on your website.
5. Now i leave it to you. if you want to use it, then you can use it. I am not Scared to tell you this.
Note: created By- https://softwebtuts.blogspot.com/
Watch Youtube video for full process in vide:

Post a Comment
Post a Comment
Please Do Not Enter Any Spam Link In the Comment Box