Zdeněk Illek

Anti Adblocker

Addblocker je software blokující reklamy na internetu. Většinou je instalován v prohlížeči jako zásuvný modul. Pro spoustu majitelů webových stránek je však zisk z reklamy na jejich stránkách klíčový pro provoz webu, nebo dokonce i k jejich samotné obživě a pro to tento program je pro ně nepřítelem číslo jedna. Pokud jste majitelem takových stránek, existuje způsob jak se proti tomuto bránit. AntiAdblocker detekuje pokud je u uživatele Addblock aktivní, pokud ano znepřístupní se mu obsah webu a je požádán aby si jej vypnul, nebo web přidal do vyjímek, po té se mu obsah webu zpřístupní.

Co mi přinese AntiAddblocker?

• zvýší výdělky z vaše webu na reklamách

Instalace:

Ve skriptu využíváme knihovnu jQuery. Připojíme si ji pomocí tohoto řádku kódu.

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 

Nakopírujeme do hlavní složky a do požadované stránky(např. index.html) importujeme ads.js.

 <script src="js/ads.js"></script> 

Nepovinné: importujeme style.css popřípadě nakopírujeme do jiného souboru .css (nebo si můžete nadefinovat vlastní styl)

 <link rel="stylesheet" type="text/css" href="css/style.css"> 

Zprávu pro návštěvníky se zapnutým adblockem obalíme do <div id="add-block-full"></div> poté použijeme uvnitř ještě jeden <div></div> a uvnitř něj <p></p> do kterých napíšeme zprávu pro návštěvníka. Class zde určuje jak bude vypadat obrazovka se zprávou(vzhled je ve style.css).

 <div id="add-block-full" class="add-block-full-stripped">
	<div>
		<p>Prosím vypněte si adblock nebo si naši stránku přidejte do whitelistu.</p>
	</div>
</div>
						

Obsah obalíme do <div id="content"></div>. To je důležité aby text, obrázek či jiný obsah nebyl čitelný/rozpoznatelný při zapnutém adblocku a zároveň bylo ukázáno že požadovaný obsah se zde nachází. Můžete ho i skrýt úplně jednoduchou úpravou.

 <div id="content" class="center">
	<article>
		<p>
			Unlocked content.
		</p>
	</article> 

Před koncový tag </body> vložíme kód zjišťující zda je či není adblock aktivní a reaguje na to.

 <script>
	if(window.canRunAds === undefined){
		$("#add-block-full").css("display","block");
		$("#content").css("filter","blur(2px)");
	}
	else {
		$("#add-block-full").css("display","none");
		$("#content").css("filter","blur(0px)");
	}
</script>