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
Comentarios Total 11 comentarios
Publicado: 23/05/2012 8:02 am
just testing this :P!!
Publicado: 24/05/2012 12:10 pm
Hola, mejor explicado imposible, muchas gracias por compartir siempre información tan valiosa, aun que hace rato tengo claro cómo hacerlo, no está demás darle un repaso, sé que es de gran ayuda para muchos que están empezando o que apenas se deciden por Google Analytics.
Un Saludo
Publicado: 15/07/2012 11:06 pm
[…] incluir el código de seguimiento de Google Analytics, si aún no lo han hecho pueden leer Tips para incluir el código de Google Analytics.Seguimiento de Enlaces salientes con JavascriptSi tenemos enlaces salientes, podríamos agregar una […]
Publicado: 07/10/2012 6:09 pm
[…] Para hacer el seguimiento necesitamos incluir el código de seguimiento de Google Analytics, si aún no lo han hecho pueden leer Tips para incluir el código de Google Analytics. […]
Publicado: 21/02/2013 11:07 am
Muchas gracias necesitaba estaba información, muy buen blog
Publicado: 18/05/2013 9:59 pm
Hola quisiera saber si el seguimiento de descargas podria mostrarme, hora, fecha y usuario que realiza la descarga???
Buen Blog, todos los aportes son excelentes.
Publicado: 06/09/2013 2:10 pm
Gracias por el post, me ayudo en un temita q tenia _D
Publicado: 18/10/2013 8:35 pm
Recuerdo que algunos decian ponerlo antes de cerrar el body, yo siempre lo use en el header y me andubo a la perfección.
Publicado: 30/01/2014 2:50 pm
Si bien el código lo da el google analtyc para llegar y pegar es bueno tener una noción de lo que estamos asiendo y donde hay que colocarlo yo recomiendo mucho el orden en las paginas web por lo cual agrego un titulo de entrada y de cerrado para cada elemento de mi web saludos.
Publicado: 21/04/2014 8:57 pm
muy buenos tips para incluir nuestro codigo de google analytics a nuestra web, gracias!
Publicado: 29/09/2014 5:21 am
Hola, gracias por los tips, me va a ser muy útil para agregar los códigos de Google Analytics en mis páginas web para registrar las visitas.