Google Tag Manager utiliza opciones de configuración de activadores para activar etiquetas en respuesta a eventos. En este artículo, se explica cómo usar Tag Manager para configurar las etiquetas de eventos de Universal Analytics que se activan en respuesta a clics en enlaces, clics en otros tipos de elementos, en intervalos temporizados o cuando se envían formularios.
Clics en enlaces
Hay dos métodos habituales para enviar información de eventos de clic a Google Analytics:
- Utilizar distintos activadores y etiquetas para cada tipo de enlace.
- Utilizar una única etiqueta con una expresión regular para controlar todos los datos de clics.
En los ejemplos siguientes supondremos que tenemos una página web que contiene un menú de navegación con estos nombres de enlaces y URLs:
Comprar | https://example.com/comprar.html |
Información | https://example.com/informacion.html |
Contacto | https://example.com/contacto.html |
Utilizar distintos activadores y etiquetas para medir clics
Con este método, se deben crear tres activadores y tres etiquetas para formar tres parejas que correspondan a cada uno de los elementos de la tabla anterior:
- Añada una etiqueta de página vista de Google Analytics, si aún no tiene ninguna, y actívela en todas las páginas.
- Habilite Tag Manager para que capture los datos de las URL en las que se haga clic:
- Haga clic en Variables.
- En la sección Variables integradas, haga clic en Configurar.
- Habilite la casilla de URL de clic.
- Para hacer el seguimiento de los clics en los enlaces de buy.html, contact.html y about.html, cree los activadores correspondientes:
- Haga clic en Activadores Nuevo.
- Haga clic en Configuración del activador Clic - Solo enlaces.
- Configure el activador con estos ajustes:
- Esperar etiquetas: habilite esta opción.
- Tiempo de espera máximo: 2000 (milisegundos).
- Comprobar la validación: inhabilite esta opción.
- Habilite este activador cuando se cumplan todas estas condiciones: URL de página contiene
/
. - Este activador se activa en: Algunos clics en enlaces URL de clic contiene buy.html
- Asigne el nombre "Activador: clics en la página Comprar" al activador y guárdelo.
- Repita estos pasos con las páginas "contact.html" y "about.html".
- Cree tres etiquetas de Google Analytics para medir los clics en cada página:
- Haga clic en Etiquetas Nueva.
- Haga clic en Configuración de la etiqueta Google Analytics - Universal Analytics.
- Asigne Evento a Tipo de seguimiento.
- Introduzca los parámetros de seguimiento de eventos:
- Categoría: Navegación.
- Acción: Seleccionar.
- Etiqueta: Comprar
NOTA: El valor de la etiqueta debe corresponderse con el enlace en el que se hace clic (por ejemplo, "Comprar" en el caso de buy.html, "Contacto" en el de contact.html y "Acerca de" en el de about.html). - Nombre de la etiqueta: Universal Analytics: evento de enlace de la página Comprar.
- Hit sin interacción: False.
- Configuración de Google Analytics: seleccione una variable Configuración de Google Analytics o cree una.
- Haga clic en Activación y seleccione el activador que ha creado en el paso 3, denominado "Activador: clics en la página Comprar".
- Asigne un nombre a la etiqueta y guarde su configuración.
- Repita estos pasos y cree etiquetas para los enlaces Contacto y Acerca de. Recuerde definir el valor de Etiqueta según el nombre de la página, por ejemplo, "Comprar" en el caso de buy.html, "Contacto" en el de contact.html y "Acerca de" en el de about.html.
- Publique el contenedor.
Utilizar una única etiqueta para medir clics
Para simplificar su contenedor, puede crear un único activador que contenga expresiones regulares que hagan que se active en las páginas correctas. De la misma manera, puede implementar una única etiqueta en la que se use una variable de Tag Manager en el campo Etiqueta:
- Añada una etiqueta de página vista de Google Analytics, si aún no tiene ninguna, y actívela en todas las páginas.
- Habilite Tag Manager para que capture los valores de las URL en las que se haga clic:
- Haga clic en Variables.
- En la sección Variables integradas, haga clic en Configurar.
- Seleccione la variable integrada URL de clic.
- Cree un activador único que controle los clics en cada uno de los enlaces de la tabla de arriba:
- Haga clic en Activadores Nuevo.
- Haga clic en Configuración del activador Clic - Solo enlaces.
- Configure el activador con estos ajustes:
- Esperar etiquetas: habilite esta opción.
- Tiempo máximo de espera: 2000 ms.
- Comprobar la validación: inhabilite esta opción.
- Habilite este activador cuando se cumplan todas estas condiciones: URL de página contiene
/
. - Este activador se activa en: Algunos clics URL de clic coincide con la expresión regular
contact\.html|buy\.html|about\.html
.
- Asigne el nombre "Activador: clics de navegación" al activador y guárdelo.
- Cree una etiqueta única para controlar todos los clics:
- Haga clic en Etiquetas Nueva.
- Haga clic en Configuración de la etiqueta Google Analytics - Universal Analytics.
- Asigne Evento a Tipo de seguimiento.
- Introduzca los parámetros de seguimiento de eventos:
- Categoría: Navegación.
- Acción: Seleccionar.
- Etiqueta: {{URL de clic}}.
- Haga clic en Activación y seleccione el activador que ha creado en el paso 3, denominado "Activador: clics de navegación".
- Guarde la etiqueta.
- Publique el contenedor.
Clics en cualquier elemento
Utilice esta técnica para medir los clics en elementos que no sean enlaces, incluidos clics en imágenes, elementos <div>
o cualquier otro elemento de la página al que pueda acceder el DOM. En el ejemplo siguiente, el valor del atributo class
de todas las imágenes es gallery
y se ha asignado un valor único al atributo ID de cada una de ellas:
En este ejemplo, usamos estos atributos para configurar un activador que se ejecuta con las etiquetas de imagen que contienen class="gallery"
, y lo usamos para activar una etiqueta que envía los respectivos valores del atributo ID (por ejemplo, Golden_Gate_Bridge
o Taj_Mahal
) a Google Analytics:
- Añada una etiqueta de página vista de Google Analytics, si aún no tiene ninguna, y actívela en todas las páginas.
- Habilite Tag Manager para que capture los valores de los atributos "ID" y "class" de los elementos en los que se haga clic:
- Haga clic en Variables.
- En la sección Variables integradas, haga clic en Configurar.
- Seleccione las variables integradas Clases de clic e ID de clic.
- Cree un activador que se inicie cuando el valor del atributo "class" de un enlace sea
gallery
:- Haga clic en Activadores Nuevo.
- Haga clic en Configuración del activador Clic - Todos los elementos.
- Habilite este activador cuando se cumplan todas estas condiciones: URL de página contiene
/
. - Este activador se activa en: Algunos clics Clases de clic contiene
galería
. - Guarde el activador y asígnele el nombre "Activador: clic en imagen de galería" cuando se le solicite.
- Cree una etiqueta para capturar los valores de los atributos de ID de las imágenes en las que se haga clic:
- Haga clic en Etiquetas Nueva.
- Haga clic en Configuración de la etiqueta Universal Analytics.
- Asigne Evento a Tipo de seguimiento.
- Introduzca los parámetros de seguimiento de eventos:
- Categoría: Galería de imágenes.
- Acción: Clic.
- Etiqueta: {{ID de clic}}
Nota: Las llaves se usan en campos de texto y en código personalizado para sustituir un nombre de variable de Tag Manager válido por el valor que se ha obtenido del evento. - Hit sin interacción: False.
- Configuración de Google Analytics: seleccione una variable de configuración de Google Analytics o cree una.
- Haga clic en Activación y seleccione el activador que ha creado en el paso 3, denominado "Activador: clic en imagen de galería".
- Guarde la etiqueta como "Google Analytics: etiqueta de evento de clic en imagen de galería".
- Publique el contenedor.
Intervalos temporizados
Mida los intervalos temporizados cuando necesite saber el tiempo que los usuarios pasan en una página concreta, aunque no se activen eventos. De esta manera, se podría incluir a los usuarios que leen contenido o reproducen vídeos en dichas páginas. Además, dado que el tiempo de inactividad antes de que se cierren las sesiones de Google Analytics es de 30 minutos de forma predeterminada, es recomendable que implemente un evento para mantener la conexión y asegurarse de que se envía alguna actividad cada 25 minutos.
Para configurar una etiqueta que mida intervalos temporizados, siga estos pasos:
- Añada una etiqueta de página vista de Google Analytics básica, si aún no tiene ninguna, y actívela en todas las páginas.
- Cree un activador de temporizador:
- Haga clic en Activadores Nuevo.
- Haga clic en Configuración del activador Temporizador.
- Configure el activador con estos ajustes:
- Nombre de evento: gtm.timer.
- Intervalo: 1500000 (calculado en milisegundos).
- Límite: 5.
- Habilite este activador cuando se cumplan todas estas condiciones: URL de página contiene video.html.
- Este activador se activa en: Todos los temporizadores.
- Guarde el activador como "Activador: temporizador de sesión".
- Cree una etiqueta de temporizador de sesión:
- Haga clic en Etiquetas Nueva.
- Haga clic en Configuración de la etiqueta Universal Analytics y añada estos ajustes a la configuración de la etiqueta:
- Tipo de seguimiento: Tiempos.
- Parámetros de seguimiento de tiempo del usuario: déjelo en blanco o añada los valores que quiera aplicar a sus informes.
- Haga clic en Activación y seleccione el activador que ha creado en el paso 2, denominado "Activador: temporizador de sesión".
- Publique el contenedor.
Envíos de formularios
Este método hará que se active una etiqueta cada vez que se envíe un formulario en una página web. En este ejemplo, la etiqueta HTML <form>
contiene un atributo ID con el valor "contact_us
":
Podemos usar este ID para crear un activador que se ejecutará cuando se envíe este formulario:
- Añada una etiqueta de página vista de Google Analytics básica, si aún no tiene ninguna, y actívela en todas las páginas.
- Habilite Tag Manager para que capture los valores de ID de los formularios:
- Haga clic en Variables.
- En la sección Variables integradas, haga clic en Configurar.
- Seleccione la variable integrada ID de formulario.
- Cree un activador de envío de formularios:
- Haga clic en Activadores Nuevo.
- Haga clic en Configuración del activador Envío de formulario.
- Configure el activador con estos ajustes:
- Esperar etiquetas: habilite esta opción.
- Comprobar la validación: habilite esta opción.
- Habilite este activador cuando se cumplan todas estas condiciones: URL de página contiene
/
. - Este activador se activa en: Algunos formularios ID de formulario contiene
contact_us
.
- Guarde el activador como "Activador: envíos de mi formulario".
- Cree la etiqueta para registrar los envíos de formulario:
- Haga clic en Etiquetas Nueva.
- Haga clic en Configuración de la etiqueta Universal Analytics.
- Asigne Evento a Tipo de seguimiento.
- Introduzca los parámetros de seguimiento de eventos:
- Categoría: Formularios.
- Acción: Enviar.
- Etiqueta: {{ID de formulario}} para generar oportunidades de venta
Nota: Las llaves se usan en campos de texto y en código personalizado para sustituir un nombre de variable de Tag Manager válido por el valor que se ha obtenido del evento.
- Hit sin interacción: False.
- Configuración de Google Analytics: seleccione una variable de configuración de Google Analytics o cree una.
- Haga clic en Activación y seleccione el activador que ha creado en el paso 3, denominado "Activador: envíos de mi formulario".
- Guarde la etiqueta como "Google Analytics: etiqueta de evento de envío de formulario".
- Publique el contenedor.
Recursos relacionados
- Implementar Google Analytics con Tag Manager
- Dimensiones personalizadas de Google Analytics
- Grupos de contenido de Google Analytics
- Hacer mediciones con IDs de usuario
- Comercio electrónico de Google Analytics
- Medir la actividad de usuarios en distintos dominios
- Remarketing dinámico de Google Analytics
- Centro de Ayuda de Google Analytics: acerca de los eventos