Seguimiento de enlaces externos con Google Analytics

Al implementar una página es importante conocer el comportamiento de los usuarios al visitar nuestra web, cuales son las páginas mas visitadas, cuantas veces se ha completado un formulario, entre otros. Ello nos permitirá detectar y hacer los ajustes necesarios para mejorar la experiencia del usuario en nuestra página.

Seguimiento de Enlaces salientes

Los enlaces externos o salientes son los enlaces a webs externas, conocer a que páginas se van los usuarios nos permitirá detectar que buscan los usuarios así como las páginas de salida.

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.

Seguimiento de Enlaces salientes con Javascript

Si tenemos enlaces salientes, podríamos agregar una función que registre estos enlaces como un evento de Google Analytics. Creamos una función que registra un evento sobre la categoría ‘Outbound’.

function trackLink(link) {
	_gaq.push(['_trackEvent', 'Outbound', 'Click', link.href]);
}

Luego cuando coloquemos algún enlace externo, utilizaremos la función recién declarada:

<a href="http://www.google.com" onclick="trackLink(this);">Google</a>

Seguimiento de Enlaces salientes con jQuery

Si estamos utilizando jQuery, podemos aprovechar la potencia de los selectores, entonces podemos crear una rutina para detectar automáticamente todos los enlaces externos, le agregamos la propiedad target para que el enlace abra en ventana nueva y posteriormente registrarlo como un evento de Google Analytics.

$('a').each(function(e) {
	var _this = this;
 	if (_this.hostname && _this.hostname !== location.hostname) {
		$(_this).attr('target', '_blank').bind('click keypress', function(event) {
			var code = event.charCode || event.keyCode;
			if (!code || (code && code == 13)) {
				var fixLink = _this.href;
				fixLink = fixLink.replace(/https?:\/\/(.*)/, "$1");
				_gaq.push(['_trackEvent', 'Outbound', 'Click', fixLink]);
			};
		});
	};
});

Este código lo agregamos a todas las páginas y con ello registraremos todos las veces que los usuarios han salido de nuestra página hacia un enlace externo.

Mas Información

Comentarios Total 18 comentarios

Kevin Maschke
Publicado: 16/07/2012 12:16 pm

Muchas gracias por este post!

La verdad es que me vendrá muy bien aplicarlo y no tardaré en usarlo en alguna que otra web.

Gracias!

Winderjester
Publicado: 25/07/2012 9:02 pm

Hola que tal, este es uno de mis blogs preferidos, lastima que últimamente no lo actualizas tanto, pero cuando lo haces, lo haces con posts de calidad.

Excelente trabajo y sigue así.

Saludos!

Lawebera.es
Publicado: 15/08/2012 10:51 am

Genial, muchas gracias por el aporte…

Yaira
Publicado: 02/10/2012 8:38 pm

Gracias muy bueno el post me has ayudado un mundo!

PD: Esta medio muertucho el blog no?

Agencia Seo
Publicado: 14/12/2012 7:55 pm

Buen recurso. La verdad es que Analytics salvo por la gracia del https de Google, es una herramienta brutal para la medición y métrica web.

Hosting
Publicado: 15/03/2013 4:25 pm

me gusta esta entrada, es un excelente recurso, gracias

Implantes Dentales
Publicado: 30/04/2013 5:34 pm

gracias por compartir esta información, pondré varias cosas en practica , muchos éxitos.

Ernesto
Publicado: 01/06/2013 3:22 pm

HOla he estado tratando de enviarte esta consulta, via el post de tubeplayer pero cuando pulso el boton «enviar comentario», me sale «pagina web no existe»

Hola, hasta hace unos días y durante casi un año tenia instalado el tubeplayer y funcionaba sin problemas. A la fecha parece que ya no funciona, a ver si le pudieras dar una revisión a ver que pasó. Si miras, en este mismo post (http://blog.unijimpe.net/tubeplayer/) hay el mismo problema, no sale nada. Gracias, saludos

diseño web madrid
Publicado: 31/07/2013 8:36 am

buen artículo. tener todo tan resumido y claro es mucho mejor que leer la, mucha veces ambigua, documentación de google. gracias :)

Mari Carmen
Publicado: 01/08/2013 5:37 am

Poder estudiar y supervisar al usuario en una web es una herramienta muy poderosa que nos da el privilegio de poder rectificar algún error o mejorar nuestra página de aterrizaje ¡Un saludo!

Diseño web Buenos Aires
Publicado: 13/01/2014 6:21 pm

muy buen post, hay que darle mucha importancia a google analytics

German
Publicado: 05/06/2014 5:30 pm

Tengo una gran duda. Quiero medir los clicks que recibe un botón determinado que lleva a otro sitio. Básicamente sería lo mismo que el ejemplo explicado en esta nota, pero no logro registrar datos. Yo hice lo siguiente: 1)- Cree un objetivo del tipo evento completando los campos necesarios; 2)- Implemente el código necesario al onclick que lleva al enlace externo, tal cual se explica aquí (Ej: <a href=”http:www.sitioweb.com” onClick=”_gaq.push([‘_trackEvent’,……).
Mi duda es, ¿que me falta hacer?, ¿debo cambiar algo en el código de Analytics implementado en el sitio que uso para medir las visitas?, ya que leí algunas notas donde nombran al "ga.js" y al "analytics.js", los cuales aparecen en los códigos de Analytics (viejo y nuevo), pero veo que el NUEVO código difiere con el viejo, debido a que que no "llaman" o contemplan las mismas cosas y líneas, y no se si eso influye en algo. Repito, ¿debo retocar algo en el código de Analytics?, ¿me sirve el nuevo código de Universal Analytics? Muchas gracias

Proyecto Web Málaga
Publicado: 17/09/2014 4:07 am

Gracias por el aporte, esta herramienta de google me va a venir muy bien para hacer seguimientos en mis páginas web.

SEO Joel
Publicado: 24/03/2015 10:06 pm

Muy bueno el tip, gracias !

Stefania Camacho Sanchez
Publicado: 06/05/2015 5:23 pm

Buenas tardes me podrían ayudar es que quiero medir los clicks que recibe un botón determinado que lleva a otro sitio me podría decir como lo puedo hacer.

Agencia Seo
Publicado: 08/05/2015 6:20 am

Gracias por el articulo, esta muy bien, gracias por tu tiempo.

stefani sanchez
Publicado: 12/06/2015 3:26 pm

Muy buen consejo muchas gracias por la ayudad dada.

David
Publicado: 14/08/2020 8:56 pm

Muy bueno el aporte , un saludo.

 

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>)