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.

HTML4
  1. <script type="text/javascript">
  2. var _gaq = _gaq || [];
  3. _gaq.push(['_setAccount', 'UA-XXXXX-Y']);
  4. _gaq.push(['_trackPageview']);
  5. (function() {
  6.   var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
  7.   ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
  8.   var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  9. })();

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:

js
  1. _gaq.push(['_setAccount', 'UA-XXXXX-1']);
  2. _gaq.push(['_trackPageview']);
  3. _gaq.push(['b._setAccount', 'UA-XXXXX-2']);
  4. _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:

js
  1. _gaq.push(
  2.   ['_setAccount', 'UA-XXXXX-1'],
  3.   ['_trackPageview'],
  4.   ['b._setAccount', 'UA-XXXXX-2'],
  5.   ['b._trackPageview']
  6. );

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:

js
  1. _gaq.push(['_setAccount', 'UA-XXXXX-Y']);
  2. _gaq.push(['_setDomainName', 'your-domain.com']);
  3. _gaq.push(['_setAllowLinker', true]);
  4. _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.

HTML4
  1. <a href="http://other-site.com/intro"
  2. 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.

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

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

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

Mas Información

Comentarios Total 9 comentarios


test
Publicado: 23/05/2012 8:02 am

just testing this :P!!

Jhonatan-Diseño Web
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


[...] 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 [...]


[...] 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. [...]

Adhara Diseño Web Zona Sur
Publicado: 21/02/2013 11:07 am

Muchas gracias necesitaba estaba información, muy buen blog

Carla Desarrollo Web
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.

Vitho - Documentales Online
Publicado: 06/09/2013 2:10 pm

Gracias por el post, me ayudo en un temita q tenia _D

Profesor Yeow
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.

Cristopher - Paginas Web
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.

 

Comentar

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;.

(Requerido)

(Requerido, no será publicado)

(Requerido)

(Tags aceptados: <a> <em> <strong> <code> <ul> <li>)