Google Analytics: Outbound Links with Jquery

La técnica para el seguimiento de eventos y enlaces salientes, proporcionada por Google Analytics, se basa en la inserción de javascript en el enlace, ejemplo:

<a href=”http://www.sitioexterno.com” onClick=”javascript: pageTracker._trackPageview (’/outbounded/sitioexterno’);“>Sitio Externo<a>

Para evitar la inserción de javascript en los enlaces y todos los problemas que pueda traer, existen algunas técnicas que mencionaré.

La idea es hacer la llamada al código de Google Analytics dejando el enlace limpio, por ejemplo:

<a href=”http://www.sitioexterno.com”>Sitio Externo</a>

Aquí mostraré como hacerlo con JQuery.

Integración de Jquery con Google Analytics

Requisitos

Código de seguimiento de Google Analytics:

https://www.google.com/analytics

Jquery:

Librería javascript que puedes obtener desde la Web de Jquery

gaTracker.js:

Plugin de Jason Huck que Integra Jquery con el código de Google Analytics.

Jason Huck detalla a cerca de gaTracker:

Google Analytics Integration with jQuery

Características importantes de gaTracker

Determina si se inluye la versión SSL o sin SSL del GA script (Google Analytics Script)

Incluye GA

Examina los enlaces de la página incluyendo los clic:

• External links (Enlaces externos).
• Mailto links (Enlaces de correo electrónico: mailto).
• Downloads (Enlaces a descargas).

Implementando gaTracker.js

Primero nos aseguramos de tener Jquery.js y gaTracker.js en algun directorio de nuestro sitio y luego agregamos el siguiente código en la página que deseemos implementarlo.

Ejemplo:

<script src="/script/jquery.js”" type="”text/javascript”"></script>
<script src="/script/jquery.gatracker.js”" type="”text/javascript”"></script>
<script type="”text/javascript”">

<!--
$(function(){
$.gaTracker(’UA-XXXX-XX’);
});
// -->

</script>

gaTracker.js permite personalizar especificando opciones:

$.gaTracker(
‘UA-XXXXX-XX’,
{
external: ‘/external/’,
mailto: ‘/mailto/’,
download: ‘/downloads/’,
extensions: [
'pdf','doc','xls','csv','jpg','gif', 'mp3',
'swf','txt','ppt','zip','gz','dmg','xml'
]
}
);

Los clic aparecerán de la siguiente forma en las estadisticas de Google Analytics:

Enlaces externos: /external/
Enlaces de Correo Electrónico: /mailto/
Enlaces de Descargas: /downloads/

Finalmente comentar que en el caso de las descargas, las extensiones de archivos también son personalizables.

Nota:

UA-XXXX-XX debe ser reemplazado con tu propio código de seguimiento de Google Analytics.

Enlaces:

https://www.google.com/analytics

Jquery

Google Analytics Integration with jQuery

Tags: Gatracker.js, Google Analytics, Jquery, Outbound Links

Publicado: en la categoría Web. Puedes seguir comentarios a través de RSS 2.0 feed. Puedes dejar una respuesta, o enlazar desde tu sitio.