En el Seo la toma de decisiones en base a datos es algo básico para todo el mundo, bueno para todo el mundo excepto para mi cuando comencé.
“Haz caso a lo que dice tu corazón” Esta frase la aplique al pie de la letra, era nada y a la vez todo lo que necesitaba para realizar cualquier cambio en una de mis webs, todo lo demás como si no existiese.
Eso ya es cosa del pasado, pero si te encuentras actualmente en la situación por la que yo pasé creo que deberías aplicar lo que voy a comentar en este post, sobre todo si trabajas nichos de afiliación…
En este post voy a explicarte como medir gracias a Tag Manager todos los clics que hacen los usuarios en un enlace/botón/imagen de tu web.
índice
Un poco de Teoría antes de la práctica
Tranquilo en seguida nos pondremos manos a la obra, pero antes de comenzar creo necesario que conozcas un poco que es tag manager y como funciona.
Google Tag Manger o GTM es un gestor de etiquetas que nos permite administrar por ejemplo el código de Analytics, Pixel de Facebook o Google Optimize sin añadir directamente el código a nuestra web.
GTM (como lo llamares de aquí en adelante) se basa en 3 elementos principales:
- Las Etiquetas son fragmentos de código que envían la información que recogen de nuestra página web a terceros como Analytics o en el caso del pixel de Facebook al propio Facebook.
- Con los Triggers o activadores lo que haremos será establecer una regla que al cumplirse envía los datos recogidos por las variables a analytics cualquier otra herramienta de terceros que configuremos. Por ejemplo: Hacer clic a un enlace con la clase aawp-button.
- Por último, están las variables que son las encargadas de recolectar/almacenar toda la información que obtenemos a través de los activadores.
No te preocupes si ahora mismo no entiendes bien todo esto, cuando pasemos al trabajo de campo lo verás todo más claro.
Para terminar con la clase teórica es importante dejar clara la jerarquía de una cuenta de GTM pero esto se entiende mejor con una imagen:
Como ves estos 3 elementos (Etiquetas, activadores y Variables) forman un contenedor y este contenedor se encuentra en una cuenta de GTM.
Puedes crear en una misma cuenta todos los contenedores que quieras, pero estos estarán formados únicamente por los 3 elementos principales.
Y con esto hemos acabado la parte aburrida, ahora vamos a crear nuestra primera cuenta de GTM.
Creamos nuestra cuenta y contenedor
Para ello vamos a la cuenta de analytics de la web a la que queramos implementar el trackeo de clics, en este caso yo lo haré con una web de prueba.
Y arriba a la derecha damos clic al icono de los cuatro cuadraditos “cambiar de producto” > Ver mas productos > Google Tag Manager
Ahora al botón “Sign in to Tag Manager”
Y por último “crear Cuenta”
Como ves no tiene perdida, ahora simplemente debemos introducir los datos que nos pide como yo voy a utilizar una web de pruebas simularé que se trata de un nicho de cafeteras para que veas como exactamente como lo haría:
Mas sencillo imposible, damos en “crear” y aceptamos las políticas de privacidad para continuar hasta el menú principal de GTM.
No me centraré en explicarte cada opción de la interfaz ya que considero que es bastante intuitiva simplemente indicarte que existe una utilidad dentro de “Administrador” que nos permitirá importar y exportar contenedores previamente creados entre diferentes cuentas
Dado que en todas mis webs trabajo con AAWP con configurar 1 contenedor ya nos servirá para el resto de nichos, lo que nos ahorrará muchísimo tiempo.
Instalando y Configurando GTM en nuestra web
Ya conocemos gtm y tenemos nuestra cuenta creada, ahora vamos a implementarlo dentro de nuestra web para comenzar a utilizar esta herramienta. He divido el proceso en 3 pasos
- Instalación de la extensión Tag Assistant en Google Chrome
Hecho esto nos aparece el icono en la barra de herramientas de Chrome.
- Añadimos el código de GTM en nuestra web
Este código lo encontraremos situándonos en la pestaña “Espacio de trabajo dentro de GTM”
Hacemos clic en esa opción y nos abrirá un pop up con dos códigos, uno que pegaremos en el <head> de nuestra web y otro en el <body>
Este proceso no tiene perdida puedes hacerlo de 2 formas: desde Apariencia > Editor de temas > Cabecera del tema y pegando directamente el código (en este caso te recomiendo crear un child theme)
O si como en mi caso estas utilizando generatepress, desde la opción Apariencia > elements > Añadir Nueva > Hook
En “Hook” Seleccionamos Wp-head y en “display Rules” Entire Site
Lo mismo con el segundo código, elements > Añadir Nueva > Hook pegamos el código…
pero en este caso en la casilla de “Hook” seleccionamos After Header y hacemos clic en publicar.
Hecho esto solo quedaría habilitar la extensión gtm assistant y al recargar la página nos habilitamos la extensión:
Y aparecerá el siguiente menú con la etiqueta en amarillo:
Para que aparezca verde y esté activado por completo debes ir al espacio de trabajo dentro de la web de Tag Manager y pulsar sobre el botón que dice “Enviar”
Y en la siguiente pestaña en “Nombre de versión” Introduces lo que quieras, con esto lo que estamos haciendo es lanzar una nueva versión del contenedor.
Hecho esto si volvemos a recargar nuestra web y verificamos la extensión que por fin aparecerá con la etiqueta en color verde
Para terminar de verificar que la instalación es correcta volvemos a nuestro espacio de trabajo en gtm y damos en donde pone “Vista Previa”
Ahora si volvemos a nuestra web y recargamos en la parte inferior debería aparecernos la consola de gtm en la parte inferior del navegador
- Por último, tenemos que añadir la variable de Google analytics desde gtm para que de esta manera reciba todos los datos de los usuarios que entran en nuestro sitio web
Para ello entramos en la pestaña de “variables” > Configurar > Marcamos todas las variables de clics
Marcamos todas las variables de clics
Acto seguido configuraremos la variable definida por el usuario con el ID de seguimiento de GA, para ello justo debajo de variables integradas hay un botón que dice “Nueva”
Damos un nombre a la variable (te recomiendo que incluya el nombre de la fuente a la que enviaremos los datos) en este caso GA, el resto de configuración igual que en la imagen y guardamos.
Ahora en la pestaña de etiquetas añadiremos una nueva con la variable que acabamos de crear para Google Analytics igual que en la imagen (pero con el nombre que le hayas puesto tu a la variable, en mi caso GA – Cafeteras.com)
Lo que hemos hecho con este último paso es añadir el código de Google analytics desde tag manager y definir que se active con un activador predeterminado que es el de “All pages – Pagina vista” para que funcione siempre que un usuario acceda a nuestra web.
Si ahora activamos la vista previa y accedemos a nuestra web veremos en la consola que ha saltado automáticamente una etiqueta de Google analytics, esto significa que todo está correcto.
¡Hecho! Por fin tenemos todo listo para comenzar a trackear clics en los enlaces de afiliados
Midiendo los Clics con GTM
¿Cansado? Pero si todavía queda lo mejor del post, de nada sirve medir a lo loco, antes de configurar activadores y etiquetas tenemos que pensar que queremos medir y para que
Por ejemplo, en mis nichos de afiliación siempre utilizo tablas comparativas en lo mas alto del artículo y me gustaría medir si convierten mejor las imágenes, títulos de los artículos o el botón con el cta además de saber cual es el producto mas popular de todos los que he incluido en dicha tabla.
Para medir esto debemos saber diferenciar cada elemento, ¿Cómo? Muy fácil, primero vamos a crear un activador para cualquier clic que hagamos
- Vamos a la pestaña Activadores dentro de GTM y lo creamos con la siguiente configuración:
- Ya tenemos nuestro activador sin una etiqueta asignada, si activamos la vista previa y recargamos nuestra página observaremos que al hacer cualquier clic en ella en la consola aparece un nuevo evento:
Si hacemos clic en el botón “Ver Oferta” de nuestra tabla, seleccionamos el activador que se crea y vamos a pestaña “Variables” Veremos el nombre de todas las variables del botón
De aquí quiero que te fijes en “Clic text” ya que este es el que nos servirá para identificar que se ha hecho clic en un botón de la tabla puesto que se trata de un identificador único, en ningún otro sitio de la web se encuentra un botón con ese texto.
- Con las variables que obtendremos de hacer clic en el elemento que queramos medir debemos crear un activador único (que solo se active para esta acción determinada)
La configuración del activador debería quedar como en la imagen de arriba, seleccionamos solo enlaces ya que no queremos que se active siempre, algunos clics en enlaces y después seleccionamos la condición que debe cumplir.
En este caso que el text sea igual a “Ver Oferta” pero podría ser cualquier otro texto de otro botón, imagen o título, algunos ejemplos serian:
Activador para titulo de producto y producto individual de tablas de aawp
Utilizando la clase “awp-field-link” para medir todos los títulos de las tablas o “clic text” para ese producto específico.
Activador para todos los títulos de productos individuales
Activador para clics en imágenes
- Una vez que tengas todos los activadores creados el siguiente paso es asignarle una nueva etiqueta con la que se mostrará en Google analytics, debe quedarte de esta manera, pero con los nombres que tú le hayas dado a los activadores:
En el tipo de etiqueta seleccionamos siempre Analytics y en tipo de seguimiento evento
En acción en mi caso he seleccionado “Page Path” para que me indique en que pagina se ha producido el evento y en la etiqueta “Click element” esto si vas a la imagen en la que hemos creado los activadores observarás que hace referencia a la url del producto.
Por último, en el activador seleccionamos el que queramos, en este caso el del botón “Ver oferta”
Ahora si actualizamos la vista previa y volvemos a nuestra página veremos que si hacemos clic sobre el botón “Ver oferta” se activará el evento mira:
¿Y como se ve esto reflejado en Analytics? Si accedemos a tiempo real > Eventos
Como ves nos indica que alguien ha realizado un clic en el botón de ver oferta en la página /prueba-tag-manager/
Y si accedemos al evento nos indica la url del producto en el que se ha hecho clic
Un consejo que te doy es que crees un activador que mida todos los clics a Amazon Afiliados, de esta manera podrás ver el “% de Conversión” hacia Amazon de tu web. Ejemplo:
La etiqueta sería igual que el resto, pero seleccionando la opción de activación de la etiqueta sin limites
Por último deberemos Enviar la versión definitiva cuando termines de crear todos los activadores y etiquetas.
Creación de Objetivos basados en los Eventos
Para finalizar vamos a crear un objetivo para el evento de clics hacia Amazon, te dejo una captura de como quedaría:
Para acceder a este punto desde Analytics debes ir a > Administrar > Objetivos > Nuevo Objetivo
Aunque lo que pongas en la Categoría dependerá del nombre que le hayas dado tu a la categoría dentro de la etiqueta para el activador de todos los enlaces de afiliado.
