viernes, 19 de febrero de 2016

Cómo detectar el uso de AdBlock



1.Instalación
Tenemos a nuestra disposición tres formas distintas: manualmente, descargando el archivo js y agregando la ruta en nuestro sitio web, o utilizando Bower o NPM.
Instalación empleando Bower:
bower install blockadblock
Instalación empleando NPM:
npm install blockadblock
2. Código de ejemplo:
// Comprobamos si no esta activo Adblock
function adBlockNotDetected() {
    alert('AdBlock is not enabled');
}
// Comprobamos si esta activo Adblock
function adBlockDetected() {
    alert('AdBlock is enabled');
}

// Este condicional prevé que Adblock decide anular
// la biblioteca de detección
if(typeof blockAdBlock === 'undefined') {
    adBlockDetected();
} else {
    blockAdBlock.onDetected(adBlockDetected);
    blockAdBlock.onNotDetected(adBlockNotDetected);
    // and|or
    blockAdBlock.on(true, adBlockDetected);
    blockAdBlock.on(false, adBlockNotDetected);
    // and|or
    blockAdBlock.on(true, adBlockDetected).onNotDetected(adBlockNotDetected);
}

// Opciones disponibles de configuración
blockAdBlock.setOption('checkOnLoad', false);
// configuración alternativa
blockAdBlock.setOption({
    debug: true,
    checkOnLoad: false,
    resetOnEnd: false
});
Este proyecto cuenta con varias opciones de configuración permitiendo que su funcionamiento pueda ser adaptado perfectamente a prácticamente cualquier escenario posible.
En el apartado de Github pueden encontrar más información, incluso pueden encontrar el proyecto original (que tiene un nombre poco conveniente :P)
Web: BlockAdBlock

publicado originalmente en: Kabytes

No hay comentarios:

Publicar un comentario