anti adblock scriptanti adblock script

Adblock

Adblock houd in dat alle reclames (ads) op een pagina worden geblokkeerd door een extensie in de browser. Dit heeft vele voordelen waaronder: Het stoppen van opdringerige reclames, de laadtijd van websites verkorten of gewoon omdat je advertenties vervelend vind. Een adblocker zoekt reclames op sites op, om deze vervolgens uit de pagina te verwijderen voordat de pagina daadwerkelijk wordt weergegeven.

Stop adblock

Stop adblock is de oplossing voor de website-eigenaar die last heeft van mensen die een adblocker gebruiken. Dit kan heel veel omzet kosten op een goed lopende site. Om dit te voorkomen hebben wij Stop Adblock gemaakt. Deze code kijkt of er een adblocker aanwezig is op de browser. Indien dit inderdaad het geval is, word er een nette melding getoond die vraagt om de adblocker uit te schakelen. Wanneer de bezoeker de AdBlocker uitschakelt of de website op de whitelist zet zal de website worden getoond na het vernieuwen van de pagina.

Hoe plaats ik de Stop adblock code

De Stop adblock code is makkelijk en snel op uw eigen site te plaatsen. De code hiervoor staat hieronder in de code blokken en is tevens ook te downloaden als losse bestanden voor een eventuele php include of los te kunnen bewaren. Plaats de HTML code op een willekeurige plaats binnen de body in uw index.html of php. Wij raden daarentegen aan deze meteen onder de body te zetten omdat dan alle codes het dichtst bij elkaar staan. Dit komt ten goede van de snelheid. De jQuery code mag binnen de header, maar kan ook in de body geïnclude worden. De css moet in de header worden geïnclude, deze kan nergens anders dan binnen deze header.

Code Blokken:

adblocker.html


<head>
<script src="https://code.jquery.com/jquery-2.1.3.js"></script>
</head>
<div class="ad_box"><h1>Indien de adblocker geactiveerd is, word deze tekst door de adblocker verwijderd...</h1></div>
<div id="EPxdU9xTuRWk" class="hoOcbG0CqpjS" style="top: 100px; opacity: 1; visibility: hidden; background: rgb(221, 221, 221);"><h1>AdBlock :-(</h1><p> </p>
<p>Wij detecteren dat u Adblock Plus of een andere adblocker geïnstalleerd hebt. Wij hebben geld nodig om deze website draaiende te houden, en bijna alle inkomsten hiervan komen uit onze online advertenties.</p>
<p>Wij zouden het zeer op prijs stellen als u onze website op uw toegestane lijst wilt toevoegen in uw adblocker.</p>
<p></p>
<p>Hartelijk dank</p></div>
<div class="hoOcbG0CqpjS-bg" style="display: none; background: rgba(0, 0, 0, 0.8);"></div>
<script type="text/javascript" src="adblock[.min].js?ver=1.6.1"></script>

adblock.js

Of download de minified versie:

adblock.min.js


var advert = document.getElementsByClassName('ad_box')[0];
function isHidden(el) {
    return (el.offsetParent === null)
}
$(document).ready(function () {
    setTimeout(function () {

        var hiddenElement = isHidden(advert);

        if (hiddenElement) {
            $('.hoOcbG0CqpjS-bg').fadeIn();
            $('.hoOcbG0CqpjS').fadeIn();
            $('.hoOcbG0CqpjS').css('visibility', 'visible');
        }
        else {
            $('.hoOcbG0CqpjS-bg').fadeOut();
            $('.hoOcbG0CqpjS').fadeOut();
            $('.hoOcbG0CqpjS').css('visibility', 'hidden');
        }
    }, 1200);
});

adblockstyle.css


.hoOcbG0CqpjS-bg{
  position:fixed;
  height:100%;
  width:100%;
  background:#000;
  background:rgba(0,0,0,.8);
  z-index:99998;
  display:none;
  top:0;
  left:0
}
.hoOcbG0CqpjS{
  visibility:hidden;
  top:100px;
  left:0;
  right:0;
  margin-left:auto;
  margin-right:auto;
  position:fixed;
  max-width:520px;
  background:#eee;
  z-index:99999;
  padding:30px 40px 34px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  -moz-box-shadow:0 0 10px rgba(0,0,0,.4);
  -webkit-box-shadow:0 0 10px rgba(0,0,0,.4);
  -box-shadow:0 0 10px rgba(0,0,0,.4)
}
.hoOcbG0CqpjS
.small{
  width:200px;
  margin-left:-140px
}
.hoOcbG0CqpjS
.medium{
  width:400px;
  margin-left:-240px
}
.hoOcbG0CqpjS
.large{
  width:600px;
  margin-left:-340px
}
.hoOcbG0CqpjS
.xlarge{
  width:800px;
  margin-left:-440px
}
.hoOcbG0CqpjS
.close-hoOcbG0CqpjS{
  font-size:22px;
  line-height:.5;
  position:absolute;
  top:8px;
  right:11px;
  color:#aaa;
  text-shadow:0 -1px 1px rbga(0,0,0,.6);
  font-weight:700;
  cursor:pointer
}

@media only screen and (max-width:560px){
  .hoOcbG0CqpjS{
    max-width:90%;
    left:5%;
    right:5%
  }
}


Komt u er niet uit? Stuur ons dan een bericht:

Indien de adblocker geactiveerd is, word deze tekst door de adblocker verwijderd...