:::: MENU ::::

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


13 Comentarios

  • Kevin Maschke |

    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 |

    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!

  • Agencia Seo |

    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.

  • Ernesto |

    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

  • Mari Carmen |

    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!

  • German |

    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

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