IEDGE – Cómo marcar el evento Descargar Documento con Google Tag Manager


1 Star2 Stars3 Stars4 Stars5 Stars (1 votes, average: 5,00 out of 5)
Loading...

Como vimos en el post anterior, como introducir Google Tag Manager en tus proyectos de WordPress, ahora podemos administrar el etiquetado de nuestras marcaciones directamente desde Google Tag Manager sin depender del equipo de TI.

Pues bien, en este post vamos a aprender como etiquetar eventos relevantes para nuestro negocio, como podría ser la ejecución del botón Descargar o también Comentar pero vayamos paso por paso haciendo un ejemplo con el botón descargar.

1er Paso: Conocer cuál es el “class” del evento que necesitamos etiquetar.

Vayamos a nuestra página usando el browser Chrome y sobre el botón “descargar” presionemos el botón derecho del mouse para entrar a la opción Inspeccionar

Donde se nos mostrará cómo está siendo identificado el Class de este botón.

Nota: La instrucción completa puede variar según como hayamos implementado la página web pero siempre debe tener el Class como un elemento visible, aquí algunos ejemplos:

  • <input name=”download” class=” download” value=”Descargar Catálogo”>
  • <a href=”http://www.miweb.com/wp-content/themes/descargar-catalogo.php?catalogo=http://miweb.amazonaws.com/catalogo/2016-01/pe-2016-01.pdf” id=”down_pdf” class=”btnDownload”>Descargar Catálogo</a>
  • <a class=”download” href=”/descargas/catalogo.pdf”>Descargar</a>
  • <a class=”download” href=”/descargas/catalogo.pdf”><img src=”descargar.png” /></a>

Una vez identificado el Class, que para el primer ejemplo es download, lo anotamos y volvemos a Google Tag Manager.

2do. Paso: Crear un activador en Google Tag Manager.

En el contenedor donde estamos configurando nuestro proyecto, debemos entrar en la opción de menú Activadores.

Presionemos el botón Nuevo y se nos desplegará las siguientes opciones:

Donde debemos llenar:

  • Título: Click Descargar (puedes colocar cualquier nombre)
  • Seleccionar Evento: Clic
  • Configurar Activador: Todos los elementos
  • Activar: Click Classes contiene: download (el nombre que hemos identificado en los pasos anteriores)

Nota: Recuerden que la palabra download puede variar según tu página web.

Es decir debería de quedar de la siguiente manera:

 

Presionemos Crear activador y ya podemos pasar al siguiente paso.

3er. Paso: Colocar la etiqueta para ejecutar el activador

En el contenedor donde estamos configurando nuestro proyecto, debemos entrar en la opción de menú Etiquetas

Presionemos el botón Nuevo y se nos desplegará las siguientes opciones:

Donde debemos llenar:

Título: Descargar (puedes colocar cualquier nombre)

Producto: Google Analytics

Tipo Etiqueta: Universal Analytics

Configurar Etiqueta:

  • ID Seguimiento: UA-XXXXX (Tu UA de seguimiento de Google Analytics)
  • Habilitar las funciones de la publicidad de display: Marcarlo
  • Tipo de Seguimiento: Evento
  • Parámetros de seguimiento de eventos:
    • Categoría: Interacciones (puedes colocar cualquier nombre pero estoy colocando uno general para poder agrupar más de un evento como podría ser Descargar, Comentar, Links salientes, etc)
    • Acción: Descargar (puedes colocar cualquier nombre pero estoy colocando el que refleja la acción del evento)
    • Etiqueta: {{Page Path}}, elegimos está opción de las disponibles para conocer en qué página se ha realizado la acción, ya que podemos tenerla en más de una página web.
    • Habilitar las funciones de la publicidad de display: Verdadero

Activar: Click Descargar  (Es el activador que hemos creado en el paso anterior, que lo ubicamos en la opción Más)

Es decir debería de quedar de la siguiente manera:

Presionemos Guardar etiqueta y ya solo nos falta publicar lo que hemos creado.

Nota: Por precaución recomiendo realizar primero la ejecución en Vista Previa, pero como estamos trabajando en un entorno de desarrollo publiquemos directamente.

4to. Paso: Publicar cambios en Google Tag Manager, es decir presionemos el botón publicar que se encuentra en la esquina superior derecha

5to Paso: Verificar si se están registrando las marcaciones.

  • Entremos al sitio web al cual le hemos colocado esta configuración

  • Vayamos a nuestra cuenta de Google Analytics, en la opción de los informes llamado Tiempo Real, donde podremos verificar si el tráfico que estamos realizando en este momento se está registrando correctamente.

Como estamos trabajando en un ambiente de desarrollo, solo debe haber una sesión, que debe ser la nuestra.

Ahora en nuestro sitio web vayamos  a la página que contiene la acción descargar y ejecutémosla.

Al entrar en la opción Eventos, dentro de Tiempo Real,  veremos el resultado con las características descritas

Y como hemos colocado {{Page Path}} para conocer en qué página se ha realizado la descarga, presionamos en interacciones y nos mostrará en donde se realizó, que en este ejemplo es en la página llamada Post-2

Recuerden que en Google Analytics, versión gratis, la información se acumula y se visualiza en el resto de informes pasado las 24 horas, es por ello que recién el día de mañana podremos ver datos desde el primer día que hemos colocado las marcaciones hasta el día anterior y tener la data de los eventos que hayamos creado en el informe Comportamiento – Eventos – Eventos Principales

Espero que esta información haya sido de utilidad y continúen sacándole el máximo provecho a Google Analytics, ahora ustedes administrando las etiquetas de sus páginas webs.

¡Muchas gracias y espero sus comentarios!

Javier García

Profesor de Dirección de Marketing

Nota: Para aprender de una forma práctica y rápida un uso profesional de Google Analytics: filtros, informes personalizados, objetivos, embudos de conversión, Google Tag Manager.. te invitamos a que consultes el Curso Técnico Avanzado en Google Analytics, el programa más avanzado y actualizado con algunos de los mejores profesores internacionales.

* Los contenidos publicados en este post son responsabilidad exclusiva del Autor.

¡Puedes seguirnos en Facebook, Twitter, Google+, Youtube y Linkedin!

Si quieres aprender más de Google Analytics, aprovecha una BECA del 15% para el Curso Técnico Avanzado en Google Analytics