Cómo bloquear Adblock

Si usted es propietario de un sitio web, es muy probable que confíe en algún tipo de publicidad para pagar sus facturas de alojamiento. Y si tiene la suerte de que más de unas pocas personas visiten su sitio, es posible que incluso pueda pagarse un suplemento a su salario como compensación por su arduo trabajo.

Por otro lado están las personas que navegan por la web. Están cansados ​​de ser bombardeados con publicidad intrusiva, banners llamativos y anuncios que arruinan su experiencia de navegación. No necesitan que los feliciten por ser el millonésimo visitante de su sitio web, no quieren dispararle a cinco iPhones, su único deseo es leer lo que tiene que decir.

Como es mucho más fácil para los usuarios ocultar anuncios que para toda la industria desarrollar una ética publicitaria, surgió rápidamente una solución simple.

Luego llegaron los bloqueadores de anuncios

La idea de un bloqueador de anuncios es simple:es una extensión del navegador que bloquea o elimina la publicidad en la página. Sin embargo, una "solución" no es el término adecuado, ya que solo sirve a un lado:los usuarios. Francamente, no podría haber un mejor trato para ellos. Estas extensiones eliminan todo excepto el contenido principal de la página, aportando una dimensión completamente nueva a la palabra gratis:no solo significa que no pagan; ¡ahora significa que a ti tampoco te pagan!

Esto no solía ser un gran problema para los propietarios de sitios web:las personas que usaban bloqueadores de anuncios no eran tantas y hacía que los usuarios disfrutaran más navegando por su sitio. Pero a medida que la idea de las extensiones de navegador explotó en los últimos años, también lo hizo la proliferación de bloqueadores de anuncios. Una mirada rápida a los directorios de complementos revela que los bloqueadores de anuncios son la categoría más popular.

Los sitios pequeños corren mayor riesgo, ya que no pueden atraer el mismo interés de los anunciantes y experimentar con diferentes formatos. Con más del 20 % de las páginas vistas devoradas por bloqueadores de anuncios (estas son las cifras de Tutorialzine), se hace evidente que algo tiene que cambiar.

Milagrosamente, en las últimas semanas hubo noticias de que el bloqueador de anuncios más popular, AdBlock Plus, comenzará a permitir anuncios aceptables de forma predeterminada. A juzgar por el revuelo que generó esta decisión, un gran porcentaje de personas aún optará por el bloqueo completo de anuncios o se mudará a una extensión diferente. Esto significa que nosotros, como editores, todavía tendremos que sortear este problema durante algún tiempo. Una solución sería detectar la presencia de un bloqueador de anuncios.

Cómo detectar AdBlock

Es simple:utilizaremos la interferencia excesiva de los bloqueadores de anuncios en su contra. Para bloquear anuncios, dicha extensión debe buscar archivos que cree que contienen código que muestra anuncios y evita que se carguen. Entonces, la idea es tener un archivo JS llamado advertisement.js , que activará los filtros de adblock y, después de esto, comprobará si el archivo se ha cargado.

Aquí está el archivo en sí:

activos/blockBlock/advertisement.js

jQuery.adblock = false;

Eso es todo, una línea. Crea una nueva propiedad en el objeto jQuery global, que buscaremos más adelante. Si no está definido, significaría que se bloqueó la carga de este archivo.

activos/blockBlock/blockBlock.jquery.js

(function($){

    if ($.adblock === undefined){
        $.adblock = true;
    }

    $.fn.showOnAdBlock = function(){

        if($.adblock){
            this.show();
        }

        return this;
    };

})(jQuery);

Para averiguar si hay un bloqueador de anuncios, simplemente haga una verificación condicional de la variable $.adblock. En el mismo archivo, también definimos un método auxiliar que mostrará condicionalmente un elemento dependiendo de si dicha extensión está activa.

Actualización: Este complemento también está disponible en Github.

Cuando incluya el complemento en su sitio, recuerde incluir los archivos anteriores después la biblioteca jQuery. Para la página de demostración, también estoy usando el reemplazo del cuadro de diálogo de confirmación del año pasado para mostrar un bonito cuadro de diálogo que informa a los usuarios que deben deshabilitar adblock para ver la página. Aquí está el código para eso:

activos/js/script.js

$(function(){

    if($.adblock){
        $.confirm({
            'title'     : 'Adblocker active!',
            'message'   : 'You are running an ..',
            'buttons'   : {
                'I will!'   : {
                    'class' : 'blue',
                    'action': function(){
                        // Do nothing
                        return;
                    }
                },
                'Never!'    : {
                    'class' : 'gray',
                    'action': function(){
                        // Redirect to some page
                        window.location = 'https://tutorialzine.com/';
                    }
                }
            }
        });
    }
});

¡Estallido! Ahora puede saber quién está usando un bloqueador de anuncios. Este método simple funciona con la mayoría de los complementos de limpieza de anuncios populares que se utilizan en este momento.

¿Para qué usarlo?

Bien, entonces tienes un fragmento de código que te dirá si una persona está usando un bloqueador de anuncios o no. ¿Qué hacer ahora? Algunas ideas siguen. Yo personalmente no usaría ninguno de los malos o malvados, pero estoy obligado a compartir.

Buenas ideas

  • Haga un seguimiento de cuántas personas están bloqueando anuncios en su sitio web. Si el porcentaje es alto, puede probar diferentes tipos de anuncios (sin banner);
  • Reemplace las áreas de su sitio web donde suelen ir los anuncios con algún contenido útil;
  • Informar a los visitantes de cómo el bloqueo de anuncios perjudica a los sitios web pequeños con un atractivo personal desgarrador al estilo de Jimmy Wales.

Malas ideas

  • Mostrar un gran mensaje de que los usuarios bloqueados no son bienvenidos (como en la demostración);
  • Pedir donaciones;
  • Reemplazar con anuncios de programas de afiliados que no estén bloqueados por la extensión.

Ideas absolutamente malvadas

  • Configurar un muro de pago para usuarios con bloqueo de publicidad;
  • Requerir un inicio de sesión con Facebook o un registro;
  • Redirige a un sitio web de ofertas diarias con tu enlace de afiliado.

¿Un futuro brillante?

Esperemos que la iniciativa detrás de la decisión de AdBlock Plus de mostrar anuncios no intrusivos resuene en la comunidad y disfrutaremos de la publicidad que sea aceptada y útil tanto para los editores como para los visitantes.

¿Qué opinas sobre AdBlock?