Administrador de etiquetas de Google: seguimiento avanzado

Es hora de analizar algunos escenarios complejos, donde puede realizar un seguimiento de los elementos críticos para el negocio. Veremos cómo crear un evento personalizado, que no está predefinido o disponible de forma predeterminada.

En este capítulo, veremos:

  • Implementación de eventos personalizados
  • Seguimiento de desplazamiento del mouse

Implementación de eventos personalizados

Habrá casos en los que es posible que desee crear un evento, que es diferente de los eventos disponibles en GTM. Para lograr esto, necesitaremos crear un evento personalizado, que utilice las variables existentes de la capa de datos.

Considere el escenario cuando hacemos clic en el enlace interno creado anteriormente. Creemos un evento personalizado llamado urlClick, que leerá la variable de capa de datos gtm.elementurl.

Step 1- Para hacerlo, creemos una variable llamada urlName desde la sección Variables. Usando el proceso habitual, cree la variable.

Arriba se muestra un ejemplo de variable de capa de datos: urlName.

Ahora, usaremos esta variable para crear nuestro evento personalizado. El evento personalizado se utilizará cuando creamos el disparador. Consulte la siguiente captura de pantalla como referencia.

Step 2- Cree un disparador para disparar en el evento que ya está presente, haciendo clic en el enlace interno. En Nombre del evento, especifique gtm.linkClick.

Ahora, creemos la etiqueta.

Step 3- Siga el mismo proceso para crear la etiqueta. Aquí están los detalles:

  • Tipo de etiqueta: Universal Analytics
  • Tipo de pista: evento
  • Categoría: clic en el enlace
  • Acción: hacer clic

Step 4 - Para la etiqueta, use la etiqueta creada recientemente, urlName.

Step 5- Una vez hecho esto, marque Habilitar configuraciones anuladas en esta etiqueta. En el cuadro de texto ID de seguimiento, ingrese su código de seguimiento de Google Analytics.

Al seleccionar un disparador, asegúrese de seleccionar el disparador creado recientemente: URL pulsada.

Step 6- Guarde la etiqueta. Haga clic en Vista previa para ver los cambios en su blog.

Step 7- Ctrl + clic en el enlace interno. Debería poder ver el evento gtm.linkClick en el cuadro Resumen. Además, debería ver la etiqueta activada como se muestra en la siguiente captura de pantalla.

De esta manera, podemos usar los eventos existentes para crear nuestros propios eventos personalizados y tener un seguimiento exitoso de los controles que queramos.

Seguimiento de desplazamiento del mouse

Cuando se trata de involucrar a los usuarios en el blog, un comercializador de productos puede querer detectar un desplazamiento del mouse. La detección del desplazamiento del mouse es fundamental, ya que requerirá acciones adicionales, como mostrar un enlace a un boletín o activar una ventana emergente que proporcione algún tipo de descuento en el producto.

Usando Google Tag Manager, podemos rastrear fácilmente el evento de desplazamiento. Para este propósito, necesitamos usar un código de terceros, que usaremos al crear una etiqueta.

El código está disponible en esta ubicación. Lo usaremos al crear una etiqueta.

Step 1- Crea un disparador. Llamaremos a este disparador - un disparador de desplazamiento.

Consulte la siguiente imagen para conocer la configuración del disparador.

Step 2- Configurar el tipo de disparador - DOM Ready. Permita que este disparador se active en: Todos los eventos listos para DOM.

Step 3 - Haga clic en GUARDAR una vez que haya terminado con los pasos anteriores.

Ahora creemos la etiqueta.

Step 4 - Esta vez, al crear una etiqueta, seleccione un tipo diferente de seguimiento como se muestra en la siguiente captura de pantalla.

Step 5 - Cuando se selecciona HTML personalizado, se mostrará un espacio para ingresar el código HTML.

Step 6- Ingrese el código copiado de este enlace.

Step 7- Desplácese hacia abajo para configurar el disparador. El disparador que creamos recientemente (Scroll Trigger arriba), debe seleccionarse.

Step 8 - Haga clic en GUARDAR.

Step 9- Ahora, inicie el depurador de GTM y actualice la página del blog. Verá dos cambios importantes en la sección Resumen y Etiqueta.

Step 10 - Ahora, desplácese hacia abajo para ver el resto del blog, se activarán un par de eventos más.

  • ScrollDistance
  • ScrollTiming

Estos eventos eventualmente se usarán para detectar la ubicación del desplazamiento del mouse y tomar más acciones en consecuencia.