27 Mar

Cómo medir los clics en enlaces externos con Google Tag Manager

Project Manager & SEO @ Vital Innova
imagen de un ordenador con datos sobre la red de búsqueda

En estos últimos meses, estoy dándole bastante «caña» a Google Tag Manager por obligación y por gusto, ya que es una de las herramientas que tenemos de forma «gratuita» a nuestro alcance y creo que no somos conscientes de todas las posibilidades que tiene.

En este artículo voy a explicarte una de las múltiples maneras que tenemos para poder medir cuando un usuario hace clic en un enlace externo y cómo podemos aprovecharlo para comprender mejor el comportamiento del usuario dentro de un sitio web.

Configurando Google Tag Manager

Paso 1 –  Creando la variable

Como no es el objetivo de este artículo, me voy a saltar los pasos básicos de cómo se crea un contenedor de Tag Manager y voy a dar por hecho que ya tienes un contenedor publicado en tu web. Así que, dentro de ese contenedor vamos a crear una nueva variable de tipo «evento automático». Estas variables, como su propio nombre indica, capturan información automáticamente sobre elementos que se hayan activado. Como lo que nos interesa son los clics, escogemos el tipo «URL de elemento», que nos va a devolver la URL que se haya especificado en el atributo href.

Una vez seleccionado el tipo, nos aparecerá un desplegable nuevo para seleccionar el «Tipo de componente», hacemos clic y seleccionamos «Vinculo Saliente».

Por último, tenemos un campo adicional donde podemos incorporar aquellos dominios afiliados que, aún siendo dominios diferentes, no queremos que se consideren como externos. Es decir, que cuando se haga clic en un enlace, la variable tomará el valor true siempre que el dominio definido en el atributo href del enlace no sea el de la propia página ni esté entre la lista de dominios afiliados.

variable automatica
Así quedaría la configuración de la variable

Paso 2 –  Creando el activador

Ya tenemos la variable, así que ahora vamos a por el activador. Añadimos uno nuevo del tipo «Clic – Solo enlaces», seleccionamos para que se active únicamente en «Algunos clics en enlaces» y solo nos queda definir como evento que el link sea externo. Para ello seleccionamos en el primer desplegable la variable que acabamos de crear, y definimos que sea «es igual a» y escribimos en el último campo «true».

Activador

Así quedaría la configuración del activador.
En el ejemplo «Helper – Is outbound link» es el nombre de la variable automática creada en el primer paso.

Paso 3 –  Creando la etiqueta

Como último paso, solo nos queda configurar una etiqueta de Analytics donde recoger la información. Para ello, creamos una nueva etiqueta del tipo Google Analytics, seleccionamos el tipo de seguimiento como «Evento» y rellenamos los parámetros al gusto. Y para activar la etiqueta, seleccionamos el activador que hemos creado en el paso anterior.

Y así quedaría la configuración de la etiqueta

De esta forma tan sencilla, cada vez que alguien haga clic en un enlace externo recogeremos en la cuenta de Google Analytics que hayamos configurado en la etiqueta un nuevo evento con los parámetros que hayamos definido con cada clic en un dominio externo que hagan los usuarios en la web. En el ejemplo, recogidos todos en la Categoría «Clics en enlaces externos» y como Acción, la URL interna donde se ha producido el clic.

Bonus #1 – Ampliando la información recogida de los enlaces externos

Como la configuración básica nos aporta poco valor, si lo que queremos es analizar la tipología de los enlaces externos debemos volver de nuevo al paso 2 y aprovechar todas las opciones que nos ofrece Tag Manager. Vamos a crear dos nuevas variables:

Variable automática: Hostname

En esta variable vamos a almacenar el dominio al que apunta el enlace externo; únicamente el nombre de dominio: «midominio.com».

Creamos una nueva variable de evento automático, seleccionamos el tipo «URL de elemento», seleccionamos como tipo de componente «Nombre del host» y marcamos la casilla «Saltar www». Guardamos y a por lo siguiente.

Variable automática: Path

En esta variable vamos a almacenar la ruta del enlace externo, es decir, todo la ruta posterior a «midominio.com».

Creamos una nueva variable de evento automático, seleccionamos el tipo «URL de elemento», seleccionamos como tipo de componente «Ruta» y dejamos en blanco el último campo.

Activador condicional

Una vez que ya tenemos recogido en una variable el nombre del host del enlace externo, ahora podemos escoger qué enlaces externos queremos medir y no activar la etiqueta en todos los clics externos que se produzcan en la web. De esta forma eliminamos ruido innecesario y nos permitirá analizar mejor cuáles son los enlaces externos que más clics reciben de entre todos los que nos interesan.

Para ello, creamos un nuevo activador partiendo de la base del que ya habíamos creado y añadimos en esta ocasión la nueva variable Hostname que hemos creado con la condición «es igual a» y el dominio que queremos monitorizar. Por ejemplo: amazon.es

Evento de Google Analytics

Por último, nos queda volver a configurar una nueva etiqueta de evento de Google Analytics (o modificar la primera) con la nueva información almacenada en las variables. Por ejemplo:

En esta etiqueta estaríamos agrupando todos los clics externos en categorías en función del Hostname del enlace. Como acción estaríamos desgranándolos en las distintas rutas de los enlaces, y por último, desde qué página interna se ha hecho clic.

Bonus #2 – Aprovecha los atributos personalizados para medir más y mejor los enlaces de tu web

Una de las múltiples mejoras que trajo consigo HTML5, fue la creación de los atributos personalizados para almacenar información de tal forma que fuera accesible tanto en el HTML como en el DOM. Este tipo de atributo nos permiten definir datos personalizados ilimitados y asociarlos a cualquier elemento DOM.

Para definirlo, basta con establecer un nuevo tipo de atributo dentro del elemento con el prefijo data- seguido del nombre que le queramos dar en minúsculas. Después le asignamos un valor: data-miatributo=»mivalor»

✋ Puedes leer más sobre estos atributos en la guía para desarrolladores de Mozilla.

Ahora, aprovechando que tenemos a nuestra disposición este recurso, podemos recurrir a él para etiquetar los enlaces externos que queramos medir e incluir un nuevo tipo de información que puede ser muy útil para conocer exactamente dónde ha hecho clic el usuario.

Vamos a tomar como ejemplo las posibles necesidades de un sitio web cuyo principal modelo de negocio sea la afiliación. Así, en un principio, se me ocurre que nos interesaría conocer de cada enlace:

  • Si el link externo en el que han hecho clic es de afiliado o no -> data-linktype
  • De qué producto/servicio se trata -> data-linkproduct
  • Dónde está situado ese enlace dentro de la página -> data-linkposition

Con estos atributos, un enlace de ejemplo estaría construido de la siguiente forma:

<a href=’https://amazon.es/ruta-del-producto’ data-linktype=’Afiliado’ data-linkproduct=’Nombre producto legible’  data-linkposition=’Primer párrafo’>Link</a>

Una vez que ya tenemos bien etiquetados todos los enlaces, ahora toca aprovechar esta información para poder medirla. Por ejemplo, mediante eventos de Google Analytics. Para ello, volvemos a apoyarnos de nuevo en Tag Manager y vamos a crear tres nuevas variables para almacenar cada uno de los atributos que hemos creado.

Variable de capa de datos por cada atributo

Creamos una nueva variable del tipo «Variable de capa de datos» y como nombre de la variable, tomaremos siempre como referencia el siguiente prefijo: «gtm.element.dataset.» seguido del nombre del atributo que le hayamos dado. En nuestro caso: gtm.element.dataset.linktype

Habrá que crear tantas variables como atributos distintos queramos utilizar. En nuestro ejemplo, crearemos tres variables (una para cada atributo).

Ahora solo nos queda ya establecer la configuración del evento de Google Analytics a nuestro gusto para poder aprender más sobre cómo se comportan lo usuarios en nuestro sitio web. Ejemplos:

#1 Ejemplo de evento de Google Analytics – Enlaces de afiliados de múltiples sitios

Este evento nos permite agrupar los eventos en función del proveedor, separarlos en productos y después analizar qué link ha recibido más clics.

Categoría: {{Variable Hostname}}
Acción: {{Variable linkproduct}}
Etiqueta: {{Variable linkposition}}

Activación: Todos los clics externos (activador del paso 2 el inicio del post)

#2 Ejemplo de evento de Google Analytics – Enlaces de afiliados de un único sitio

En este caso, al ser todos los enlaces de un único proveedor, nos podemos olvidar del Hostname y en su lugar, incluiremos la información de la ruta de la página interna donde se ha hecho el clic, además del nombre del producto y la posición del link.

Categoría: {{Variable Producto }}
Acción: {{Variable posición}}
Etiqueta: {{Page Path Interna}}

Activación: {{Variable linktype}} = Afiliación

 

¡Feliz confinamiento!

¿Tienes dudas? Contacta con nosotros.