:::: MENU ::::

Tips para incluir el código de Google Analytics

Incluir el código de Google Analytics para registrar las visitas de nuestras páginas es una de las tareas mas comunes para todo desarrollador web, veamos algunos tips embeber el código de Google Analytics.

Código básico de Google Analytics

Actualmente se recomienda el uso de la versión asíncrona de Google Analytics, esto hace que la carga del archivo javascript se haga sin afectar la carga de nuestra pagina. Para ello colocamos el siguiente código justo antes de cerrar el tag <head>, en donde UA-XXXXX-Y es el identificador de la pagina que vamos a seguir.

<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-XXXXX-Y']);
_gaq.push(['_trackPageview']);
(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>

Este código también se puede colocar antes de cerrar la etiqueta <body>, pero si el usuario cierra la pagina antes que se haya completado la carga, entonces es probable que no se registre la visita.

Dos identificadores de seguimiento en una página

Si por algún motivo necesitamos que una pagina tenga dos identificadores diferentes, no se puede duplicar el código anterior pues Google Analytics solo permite un código de seguimiento por pagina. Entonces para utilizar dos identificadores podemos utilizar el método _gaq.push el cual permite enviar múltiples instrucciones, luego tendríamos:

_gaq.push(['_setAccount', 'UA-XXXXX-1']);
_gaq.push(['_trackPageview']);
_gaq.push(['b._setAccount', 'UA-XXXXX-2']);
_gaq.push(['b._trackPageview']);

Donde hemos colocado los dos identificadores que deseamos seguir. Ademas se observa recibe como parámetros un serie a arrays, por lo que también podríamos utilizar:

_gaq.push(
  ['_setAccount', 'UA-XXXXX-1'],
  ['_trackPageview'],
  ['b._setAccount', 'UA-XXXXX-2'],
  ['b._trackPageview']
);

Un identificador de seguimiento para varios Dominios

Si queremos utilizar un mismo identificador para diferentes dominios (Por ejemplo si tenemos una pagina y la tienda esta alojada en otro servidor), podemos emplear el siguiente método donde your-domain.com el el dominio donde estas insertando el código:

_gaq.push(['_setAccount', 'UA-XXXXX-Y']);
_gaq.push(['_setDomainName', 'your-domain.com']);
_gaq.push(['_setAllowLinker', true]);
_gaq.push(['b._trackPageview']);

Adicionalmente para hacer el seguimiento de los enlaces es necesario agregar a cada enlace una llamada para registrar las llamadas a los enlaces.

<a href="http://other-site.com/intro"
onclick="_gaq.push(['_link', 'http://other-site.com/intro.html']); return false;">Intro</a>

Seguimiento de Descargas

Si deseamos registrar las descargas de archivos que se hacen en nuestro site (.zip, .pdf, .avi, etc) es necesario agregar un codigo javascript a cada enlace que apunte a este tipo de archivos.

Podemos utilizar la función _trackPageview el cual crea una estructura de directorio virtual en los reportes de Google Analytics.

_gaq.push(['_trackPageview', '/virtual-path-to-file']);

Entonces para registrar las descargas, modificamos los enlaces de la siguiente forma:

<a href="report.pdf" 
onclick="_gaq.push(['_trackPageview', '/downloads/report.pdf']); return false;">Reporte</a>

Mas Información


11 Comentarios

Publica tu comentario

En este blog los comentarios están moderados, serán mostrados cuando el administrador los apruebe. Por favor, evita comentarios ofensivos u obscenos por que no serán aprobados.
Si deseas publicar código fuente debes hacerlo entre las etiquedas <code> y </code>, además debes reemplazar los carácteres < por &lt; y > por &gt;.