Una pregunta que surge constantemente en los grupos de discusión de Google Analytics y Google Tag Manager es cómo registrar eventos como cuando se hace clic en el botón de enviar en un formulario, que envía datos usando Ajax o cómo registrar que un usuario hizo clic en un botón o enlace que simplemente despliega más información en la página.
Si necesitas ayuda para registrar este tipo de eventos contacta Dazzet.
Google Analytics desde hace tiempo permite el registro de este tipo de acciones, pero tiene el inconveniente de ser necesario intervenir el código fuente de la página para usar la función ga() .
Para esto no solo es necesario contar con un desarrollador, sino que es necesario tener acceso al servidor donde se encuentra página y hacer en allí varias modificaciones, cosa que para un Estratega en Marketing Digital no siempre es posible.
Afortunadamente Google Tag Manager tiene una solución para este tipo de caso de uso, que no solo es más fácil de implementar sino que no requiere conocimientos de programación (aunque es bueno saber sobre HTML) y sobretodo no requiere acceso al servidor donde se encuentra la página.
En este artículo vamos a ver entonces cómo se usa Google Tag Manager para registrar clics en elementos de una página HTML.
Inicio: Ingreso a Google Tag Manager
Para empezar es necesario ingresar a Google Tag Manager y seleccionar el contenedor que queremos modificar.
En este caso tenemos un contenedor que ya tiene una etiqueta de Google Analytics publicada.
Habilitar el registro de variables
El primer paso es muy sencillo. Debemos ingresar al área de variables y habilitar la opción de registro de clics para clases de elementos.
Clases de elementos
En esta parte es
En esta parte es útil tener conocimientos de HTML…
Clases de elementos o Click Classes se refiere a que la mayoría de los elementos de una página HTML como botones, enlaces, menús, etc. Tiene una clase asociada.
Esta clase se usa principalmente para modificar cómo se visualiza el elemento, es decir, qué color, tamaño, tipo de letra, sangría, etc. Tiene el elemento.
Google Tag Manager aprovecha esta característica para asignarle eventos o activadores a una página tal como lo estamos mostrando en este tutorial.
Para entender mejor estas características de HTML, puedes visitar el artículo CSS: Sobre IDs y clases de JMuir.
Encontrar el elemento al que se le hará registro de clics
Para esta parte debemos ingresar al sitio donde queremos hacer registro de clics, por ejemplo el sitio Web del cliente, y acceder a la página en las que queremos hacer este registro de clics.
Esta parte también requiere un poco de conocimiento de HTML ya que es necesario encontrar la clase del elemento al cual le queremos hacer seguimiento.
Para esta parte vamos a suponer que se está usando Google Chrome, pero prácticamente todos los navegadores tienen esta opción.
Hacemos clic derecho sobre el elemento del cual queremos registrar los clics y seleccionamos inspeccionar elemento.
Esto nos mostrará una consola HTML en la cual podemos encontrar la clase del elemento.
Para el nuestro ejemplo, queremos registrar cuando alguien hace clic sobre el botón Enviar en el formulario de contacto. Y en la consola HTML nos damos cuenta que tiene dos clases: wpcf7-form-control y wpcf7-submit. Como solo necesitamos una clase, entonces seleccionamos wpcf7-submit como aquella a la que se le seguirán los clics en esta página
Crear un nuevo activador o trigger en Google Tag Manager
Ya teniendo los datos de URL del formulario y Clase del botón al que se le seguirán los clics. Regresamos a Google Tag Manager y creamos un nuevo activador.
Esto permitirá disparar un tag, cuando se haga clic en el botón de enviar del formulario de contacto.
El nuevo activador tendrá estos datos:
- Nombre: Página Contacto – Btn Enviar
- Elementos: Todos los elementos
- Activar en:
- Cuando se encuentre un elemento con la clase wpcf7-submit Y
- Cuando la URL sea la de la página de contacto
Una vez guardado, el activador se verá entonces de esta manera:
Crear una nueva etiqueta para el registro de clics en /contacto
El siguiente paso consiste en crear una nueva etiqueta en el contenedor.
Esta nueva etiqueta será también del tipo Google Analytics, tendrá el mismo código (el mismo código UA-XXXXXX-1), pero cambiará el activador, es decir, esta etiqueta no se disparará en todas las páginas, sino que se disparará según lo que configuramos en el activador Página Contacto – Btn Enviar
Por facilidad, lo que haremos es duplicar la etiqueta GA – MkAtelier – Todas y a esta nueva etiqueta le cambiamos el nombre por GA – MkAtelier – Contacto y la sección activar la cambiamos de Todas las páginas por el activador creado en el paso anterior.
Entramos a la etiqueta existente
La duplicamos
Cambiamos el nombre
Borramos el activador All Pages
Asignamos como activador el creado en el paso anterior
Debemos hacer clic en el botón Más para que nos aparezca un popup con una lista de los activadores ya creados, entre esos, el creado en el paso anterior.
Seleccionamos el activador Página contacto – Btn Enviar que fue el que creamos anteriormente
Guardamos el nuevo activador en Tag Manager
Hacemos clic en Guardar lo que nos llevará nuevamente al listado de etiquetas.
Aquí se puede ver que la nueva etiqueta quedó guardada correctamente y que su activador es Página contacto – Btn Enviar
Probar el contenedor
Este paso es fundamental antes de publicar la nueva versión del contenedor ya que nos permite verificar si se están “disparando” las etiquetas en los lugares correctos.
Entonces, desplegamos el menú de publicar y seleccionamos la opción de vista previa
Lo que nos arrojará esta notificación.
Estando en vista previa, abrimos una nueva cejilla en nuestro navegador y navegamos a la página donde se encuentra el formulario al cual le queremos hacer registro de clics.
Esto nos mostrará una frame en la parte inferior con información de que etiquetas hay en el contenedor y cuales se han disparado hasta el momento.
Como se puede ver, en la página del formulario hay dos etiquetas, pero solo se ha disparado una. Este es el comportamiento deseado ya que solo queremos que la segunda etiqueta, la que registra clics, se dispare cuando se haga clic en el botón de enviar.
Para probar finalmente que el contenedor quedó correctamente configurado, entonces hacemos clic en el botón de Enviar y verificamos que en el frame inferior diga que se disparó la segunda etiqueta.
Como se puede ver, la segunda etiqueta se disparó por lo que podemos concluir que nuestro contenedor quedó bien configurado
Publicar la nueva versión del contenedor
Ya habiendo verificado que el contenedor está bien configurado, salimos de la verificación y le volvemos a dar clic en el menú de publicar, con la diferencia que seleccionamos el botón de publicar y así liberar la nueva versión.
Conclusión
Como se puede ver, con Google Tag Manager es posible tener un mayor control sobre cómo y cuándo se deben disparar las diferentes etiquetas que se tengan para un sitio web, y sobretodo, permite realizar procesos complejos que antes requerían modificar el código fuente de la página, sin la necesidad de tocar una línea de código o de contar con un desarrollador para hacer estos cambios.
Déjanos un comentario si crees que este procedimiento se puede lograr más fácilmente o si tienes alguna duda.
Por fin un tutorial que explica claramente como funciona, y visto asi, que facil es!!!
Muchas gracias.
Una duda, en que apartado de Analitycs veo las acciones de estas etiquetas de los clics, por ejemplo?
Gracias de nuevo, Antonio
Hola Antonio,
Que bien que te halla gustado el artículo,
GA cuenta con un reporte de eventos. Simplemente ingresa a una de tus vistas y en “Comportamiento” encontrarás la opción de eventos
Hola Mario, tu articulo me ayudo muchisimo.. Gracias.. Me pudieras orientar como pudiera rastrear el domain que accesa mi links? Ando buscando la manera de rastrear la gente que baja mis archivos de mi website. Mil gracias
Hola Mirla,
Con el registro de clicks se puede rastrear descarga de archivos. Simplemente entra a Analytics y crea un filtro que haga que tus clics tengan un nombre más significativo
Saludos, Mario
hola Mario muy interesante, tu post pero mi consulta es si quiero trackear todos los enlaces internos de sitio web sin el usuo de clases es posible. Y porque todos recoiendan con la clases.
Es posible, pero no recomandable. Si capturas todos los clicks harías que la experiencia de usuario de tu sitio se vaya al suelo ya que se pondría lento y cada click vendría con un “delay”.
Entonces Don Mario que se recomienda, hacerlo por secciones?
Libre
de virus. http://www.avg.com
2017-05-22 13:52 GMT-06:00 Disqus :
La recomendación sería solo capturar información que en realidad te de valor. Creo que capturar todos los clics no es práctico ya que sería demasiada información y la mayoría irrelevante.
Me parece más práctico recolectar información de páginas visitadas y -goals-.
Sin embargo cada caso es diferente así que en tu situación podría ser útil recoger información de clics. Solo debes estar conciente que capturar mucha información puede hacer que tu sitio se ponga lento.
Bueno te comento soy junior (novato raso) en analyitica y ya tengo una idea mas clara de los objetivos pero a la hora de traducirlo en los goals de analytics me a costado denirlo. sigo en ese proceso.
Ahora bien soy colaborador en un site que solo gana por referidos y uno de sus objetivos son los clics, page views, tiempo del usuario, donde salieron.Y estoy buscando setiar objetivos SMART
Cuales me recomendarias como parametros del clic, page view, tiempo. Como uno setea Objetivos Realistas
El tiempo de estos respectivos Objetivos
Como es lo que los puedo alcanzar
2017-05-25 14:25 GMT-06:00 Disqus :
Hola Roberto.
La pregunta que haces es casi imposible de responder. La explicación es sencilla, y es que todos los negocios son distintos!
Es imposible saber cuales son tus kpi’s (indicadores de desempeño) o tus metas a alcanzar sin conocer tu negocio y tus clientes. Esto incluye historial por ejemplo.
La recomendación siempre es empezar midiendo de los general a lo particular. Si recién estas empezando concéntrate en una solo objetivo muy relevante para tu negocio y enfócate en optimizar dicha métrica.