Detectar AdBlock y avisar a Google Analytics


Hoy van a aprender como informarle a Google Analyctics que el usuario usa AdBlock. Esto nos permitira saber realmente que pasa con nuestras publicidades.

Reemplazar UA-ID por el codigo de GA de su sitio!
Para esto solo tendremos que agregar este code:

<img src="/banner.gif?" width="1" height="1" id="XcVCCW">
<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-ID']);
  _gaq.push(['_trackPageview']);

  function cicklow_XcVCCW(){
	if(document.getElementById("XcVCCW")==null || document.getElementById("XcVCCW").offsetHeight<=0){
		_gaq.push(['_trackEvent', 'Publicidad', 'Oculta','XcCCW']);
	}else{
		_gaq.push(['_trackEvent', 'Publicidad', 'Visible','XcCCW']);
	}
  }
  window.onload=cicklow_XcVCCW;

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>

Si usan el codigo nuevo de GA (Update 2016):

<img src="/banner.gif?" width="1" height="1" id="job">
<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-ID', 'auto');
  ga('send', 'pageview');
  function jabbahud(){
	var Im = document.getElementById("job");
	if(Im == null || Im.offsetHeight<=0 || typeof(Im) == "undefined"){
		ga('send', 'event', 'Advertisements', 'Hidden');
	}else{
		ga('send', 'event', 'Advertisements', 'Visible');
	}
  }
  setTimeout(function(){ jabbahud(); }, 1000);
</script>

Lo que hacemos aca, es crear una imagen de 1x1 llamada banner.gif, ya que AdBlock tiene en sus politicas eliminar ese tipo de nombre.
Luego detectamos si tiene adblock activado y le avisamos a GA que lo tiene o no! Y veremos en nuestra cuenta de GA algo como esto:
no_adblock

Pueden crear ustedes mismos una imagen de 1x1 o descargar esta:
Descargar!
(Le cambian el nombre a banner.gif)

2 comentarios en “Detectar AdBlock y avisar a Google Analytics”

  1. Nose si envié mi msj anterior o no, por las dudas vuelvo a comentar, espero no molestar.
    Resulta que puse el código en el footer y no funciona, simplemente no aparece nada en Google Analytics. La imagen si aparece y está bien, eso lo comprobé.
    Saludos

Deja un comentario