Detector de Ad Blocker para Google Adsense con Javascript

Los anuncios son muy importantes para cualquier post publicado en internet. Es por lo que cobra el redactor del post o el administrador del portal. Sin embargo, recientemente el sistema AdBlocker está matando los ingresos de los editores, lo cual también está afectando a la creatividad de dichos posts. En este artículo, te propongo un sencilla solución para aquellas personas, las cuales les falta un tornillo, que utilizan adblocking. Es un javascript muy simple que debe incluirse en el código fuente del sitio web para ocultar el contenido del sitio web o para mostrar una ventana emergente o un mensaje de alerta que inste a eliminar el plugin Adblock a los visitantes del la página. Cualquier blogger o cualquier administración de sitios web puede utilizar este código para mejorar sus ingresos en su sitio web. Este código está diseñado principalmente para Google Adsense.

Google Adsense

Tienes que incluir el evento onerror en el tag de script, esto ejecutará la función de Javascript adBlockFunction().

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js" onerror="adBlockFunction();"></script>
<ins class="adsbygoogle"
style="display:inline-block;width:300px;height:600px"
data-ad-client="ca-pub-XXXXXXXXXXXXX"
data-ad-slot="XXXXXXX"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

Función Ad Blocker

Contiene código muy simple de Javascript. Reemplaza el contenido del artículo con el mensaje advirtiendo de que el visitante debe desactivar su Ad Blocker para ver el contenido. Si eres usuario de Google Blogger no cambies el nombre de la clase post-body-n. Esta función te ayudará a rastrear los usuarios que utilizan bloqueadores de anuncios para luego tener un recuento de todos ellos.

<script>
function adBlockFunction()
{
// Google Analytics Tracking 
setTimeout(function() { 
ga('send', 'event', 'Blocker', 'click','Blocker');
},2000);
// Google Analytics End

// Website Users
document.getElementById('contentDivName').innerHTML = 'Please disable your ad blocker for yourwebitename.com';

// Google Blogger Users
document.getElementsByClassName('post-body-n')[0].innerHTML = 'Please disable your ad blocker for yourwebitename.com';
}
</script>

Resultado de Google Analytics

Para más información, lee este artículo: Google Analytics Custon Dashboards for Websites.

Código HTML de ejemplo

//HTML Code
<div id="container">

<div id="contentDivName">
Article Content Part // This will replace with ad blocker message
</div>

<div id="sidebar">
Google Adsense Code
</div>

</div>

Función Ad Blocker para barra de alerta

<script>
function adBlockFunction()
{
// Google Analytics Tracking 
setTimeout(function() { 
ga('send', 'event', 'Blocker', 'click','Blocker');
},2000);
// Google Analytics End

document.getElementById('ab-message').style.display = 'block';
}
</script>

Código HTML

Incluye el mensaje de advertencia después del tag body.

<style>
#ad-message{
text-align: center;
background-color: #E23C3C; color: #ffffff;
font-weight: bold; font-family: Arial;
border-bottom: solid 1px #333333;
}
</style>

//HTML Code
<body>
<div id='ab-message' style='display: none;'>
Please disable your ad blocker for yourwebitename.com
</div>
.....
.....