Adi.js: jednoduchá detekce přítomnosti AdBlocku

Pokud vám coby provozovateli webu vadí návštěvníci přicházející s blokátorem reklam, případně pokud je chcete alespoň sledovat, můžete využít jednoduchý skript adi.js, který dovede rozpoznat doplněk AdBlock.
reklama

Na některých svých webech zkouším rozpoznat přítomnost AdBlocku pomocí JavaScriptu jednoduše tak, že se podívám, jestli se reklama vykreslila. Tedy kontroluji obsah nějakého elementu na stránce. Je však i jednodušší řešení, byť se mi ukázalo, že nemusí reagovat stoprocentně vždy.

Jednoduchá JavaScriptová knihovna Adi.js umí AdBlock rozpoznat také a nabízí čtveřici metod, do kterých lze osadit, co se má stát, pokud je blokátor reklamy nalezen, nebo nenalezen.

Implementace detektoru AdBlocku

Adi.js si stáhněte z GitHubu. Do projektu napojte soubor advertisement.js, ve kterém musí být uvedeno jQuery.adblock = false; Dále napojte samotnou knihovnu v souboru jquery.adi.js. Teoreticky advertisement.js do projektu dávat nemusíte, stačilo by, pokud by jeho obsah byl volaný ještě před inicializací adi.js.

V projektu pak stačí volat funkci $.adi();. Aby byla co k čemu, je samozřejmě nutné jí přiřadit obsluhu některou ze čtyři podporovaných metod, viz dokumentace na GitHubu. Můžete reagovat na zapnutý AdBlock, na to, že jste jeho přítomnost nezjistili, přidat modální okno k dokumentu a obsloužit jeho otevření nebo zavření.

Základní kostra použití je například taková:

  jQuery(document).ready(function () { 
    jQuery.adi({ 
     active: function() {
      console.log('Zjištěn AdBlock :(')
     },
     inactive: function() {
      console.log('Adblock nezjištěn :)')
     }     
    });
  });

Výpisy do konzole můžete samozřejmě nahradit například odesláním události do Google AdSense, úpravou obsahu webu a podobně. Ukázku s využitím modálního okna a změny obsahu stránky na základě toho, zda je či není v prohlížeči zapnutý AdBlock, najdete na CodePenu.

Autor článku: Jan Polzer

Tvůrce webů z Brna se specializací na Drupal a Symfony. Obojí také školím spolu se základy SEO. Jsem Acquia Certified Developer a Site Builder a napsal jsem několik knih o Drupalu. Ve volných chvílích cestuji a podnikám výlety. Více se dozvíte na mém firemním webu.

reklama

Komentáře k článku

Přidat komentář

Filtered HTML

  • Povolené HTML značky: <a href hreflang> <em> <strong> <cite> <code> <ul type> <ol start type> <li> <dl> <dt> <dd> <p> <br>
  • Řádky a odstavce se zalomí automaticky.
  • Web page addresses and email addresses turn into links automatically.

Odesláním komentáře souhlasíte s podmínkami Ochrany osobních údajů

reklama
Sledujte Maxiorla na Facebooku

Maxiorel na Facebooku

Poslední komentáře
reklama
reklama
Hosting pro Drupal a WordPress

Hledáte český webhosting vhodný nejenom pro redakční systém Drupal? Tak vyzkoušejte Webhosting C4 za 1200 Kč na rok s doménou v ceně, 20 GB prostoru a automatické navyšováním o 2 GB každý rok. Podrobnosti zde.

Knihy o Drupalu

Kniha Drupal 8 Kniha Drupal 7 333 tipů a triků pro Drupal
Více na KnihyPolzer.cz

@maxiorel na Twitteru

Maxiorel na Twitteru