1 Followers
26 Following
noodlestore32

noodlestore32

SPOILER ALERT!

GUÍA de Activadores o Triggers de Google Tag Manager


Index: Todo lo que necesitas saber sobre Triggers en GTM


Qué es un activador o bien trigger  y para qué sirve


Los
Activadores de Google Tag Managerson las condiciones que
hacen que se activen las etiquetasen diferentes partes del sitio o bien acontecimientos clave,
en donde decidamosy
cuando decidamos. Por consiguiente, las etiquetas se dispararán (o no) si se cumplen los activadores de cada una de ellas. Cada etiqueta tiene que tener como mínimo un activador o trigger para que se ejecute.


Por otro lado, los triggers o activadores también pueden definirse como “
Excepciones” o reglas de bloqueo, en tal caso, si se cumplen las condiciones del activador, lo que lograremos es que no se ejecute la etiqueta. Por ej. podríamos escoger el trigger All Pages y crear salvedades donde no deseamos que salte la etiqueta.




*
All Pageses el único activador por defecto en GTM y hará que la etiqueta se active en todas y cada una de las páginas que tengan el snippet de código de Tag Manager insertado (y el contenedor publicado). Es el que usaremos para trackings de Google Analytics, Hotjar, píxeles de remarketing, etc.



**Para poder producir una excepción debemos haber escogido anteriormente sí o sí un activador o bien más. Si no, no tiene sentido.


Cada
activadorestá compuesto como mínimo por
un evento(que señala cuándo queremos activar), más opcionalmente, por
una condición o varias(que limitan el evento a los casos específicos donde queremos que se active la etiqueta)


Las
condiciones, a sus vez, están formadas cada una por una
variable de GTM que comparamos con un valor.







*Y de manera adicional vemos que algunos activadores tienen configuraciones adicionales, ahora ahondaremos…


Cómo crear un activador o bien trigger en Google Tag Manager


Podemos crearlos como atajo y con ciertas simplificaciones desde la propia interfaz de creación de la etiqueta. Pero también tienen su menú exclusivo:
Activadores, con unas opciones de configuración más completas.


Desde la interfaz de
creación de etiqueta pinchando en Más / Nuevo también podemos llegar al mismo sitio:



Si vamos de cualquiera de las dos formas a la opción más completa, lo primero al crear un activador es
seleccionar el tipo de evento, en función de esto la configuración podrá ser diferente:




Después
la configuración de cada género de activador será diferente en función del eventoseleccionado. Vamos por partes:


Activadores de acontecimiento automático


En este género de activadores son
los más utilizados frecuentementey se basan en
eventos automatizados de GTM. Estos eventos ya se han “
estandarizado” y están
disponibles para todo el mundo, incluidos en la
programación del propio Google Tag Managerpara que podamos emplearlos
sin tener unos conocimientos de desarrollos muy altos. Una de las grandes ventajas de utilizar Google Tag Manager es precisamente que
podemos medir y activar códigos y etiquetas en eventos de tipo:



  • página vista(activar por reglas de página, de toda la vida)

  • clic en enlaces(ejemplos: descargas PDF, enlaces externos, enlaces clave puntuales, etcétera)

  • clic en elementos(en buttons por ej.)

  • formularios(ciertos tipos solo)

  • temporizadores(lanzar una etiqueta al pasar X segundos)

  • errores JS(enviar a Google Analytics los errores de JavaScript)

  • cambios de historial(para detectar la navegación del usuario sin cambios de URL)

Y  normalmente podremos hacerlo sin añadir nada de código adicional en la página (salvo algún identificador ID o Class), solo con las lógicas de activación y las variables existentes, y las que pueden ser creadas en Google Tag Mánager.


Activador de evento Page View o bien Página vista


Está basado en la carga de una URL específica o bien múltiples.  Lo más común para cargar etiquetas fáciles de conversión es que usemos el acontecimiento
Page Viewo  
Página vista.


Si configuramos el activador desde el
menú Activadoreso desde “
More/New“, hallamos que tenemos 
 tres eventos de activación diferentes en la carga de página: gtm.js (cuando empieza la carga –
Page Viewo
Página Vista-), gtm.dom (cuando se ha cargado el HTML –
DOM Readyo
DOM Preparado-) y gtm.load (cuando se han cargado también todos y cada uno de los archivos externos –
Window Loadedo
La ventana se ha cargado -). Estos 3 acontecimientos se envían siempre y en todo momento en la dataLayer inicial de carga de página de GTM:


Cuando elegimos desde este menú se activará en la opción por defecto:
Page View.


Debemos decidir si la etiqueta se activa
en todas las cargas de página o bien solo en algunasde ellas.



Al elegir algunas páginas, aparecerán los filtros o bien condiciones:




Para comprender las condicionesy poder marcar adecuadamente en qué página o bien páginas específicas activar una etiqueta, nos serviremos de las
variables predefinidas de tipo página(que deberemos activar previamente en el menú
Variables), y también de
variables personalizadasque podemos crear a nuestro antojo. Mas comencemos por lo más sencillo, éstas son las variables de página predeterminadas:




  • Page URL:Para crear comparaciones con la URL completa de página

  • Page Hostname:Para equiparar con el nombre de dominio únicamente.

  • Page Path:Para comparar con la ruta o path (lo que va tras el hostname.com, 
    desde la barra)

  • Referrer:Para filtrar por la página anterior desde la que se llegó. Por ej. para activar una etiqueta solo si el tráfico vino de AdWords.

¡Ojo! Si elegimos
Algunas páginas desde la interfaz de creación de la Etiqueta nos saldrá una configuración más sencilla y solo para el evento estándar de Page View, instante de carga: Página Vista.







Activador de acontecimiento Clic y Clic en Enlaces


También podemos
cargar etiquetas de seguimiento o de HTMLpersonalizado al hacer
clic en elementos o links. Al elegir esta opción, tenemos primero que
decidir entre clics Solo en links / Just Links(<a href>…) o en
Todos los elementos / All Elements (cualquier etiqueta <html>).



A continuación decidiremos si lanzar en
cualquier clic o bien en alguno/s concreto/s(opción más normal).



Al seleccionar Ciertos clics, aparecerán los
filtros o bien condiciones. ¡OJO! Para crear filtros de clics, primero hemos de ir a Variables y
activar las variables predefinidas de clic(Clic ID, Classes, Element, Text). También podemos crear adaptadas.



En caso de seleccionar
Segmentación: Clic en enlacestenemos un paso auxiliar (ya antes de las condiciones) para configurar el activador que se llama
Habilitar cuando / Enable when:






*Por lo general, dejamos que mida clic en links en Todas y cada una de las Páginas (expresión regular .* ).



Este campo SOLO para
filtros de página.


Activador de acontecimiento ‘Envío de Formulario’



Teóricamente
este activador debería servir para activar una etiqueta al enviarse
correctamenteun formulario
. La configuración es parecida a la de Clic. Hemos de decidir primero si deseamos medir
todos los formularios o
solo ciertos.


Campos de configuración adicional:



  1. Comprobar validación / Check Validation:Si hay alguna operación Javascript previa unida al formulario (operaciones de validación), las ejecuta antes y, si dan fallo, el activador no se cumple. No funciona habitualmente, como por servirnos de un ejemplo con los formularios que utilizan AJAX o bien validación del lado del servidor. Este trigger de acontecimiento de GTM es bastante limitado.

  2. Esperar por las etiquetas / Wait for Tags: Espera a que se carguen el resto de etiquetas, o un encuentre de dos segundos, antes de ejecutar el envío del formulario.

  


En la vida real, en la
mayoría de los casos, recurriremos a
eventos adaptados para trackear los envíos correctos de formularios. presupuesto web segovia hacer la
prueba con los formulariosde tu página. Y si no, enviar la dataLayer, como os contamos en este otra artículo sobre. Si usas el
contact Form siete, ¡estás de suerte! Ahí te damos la
solución.



Activador de evento Temporizador / Timer en Google Tag Manager


Podemos
medir, contar y mandar eventos. Válido para, lanzar llamadas a la acción, formularios, encuestas… Muy sencillo de configurar, solo precisamos un nombre de acontecimiento, el número de milisegundos y cuántas veces deseamos que se ejecute el timer. Por ej. para crear un activador de temporizador a los 30 segundos de la carga de página:




Configuramos 30.000 milisegundos y límite 1 para que no se esté repitiendo el recuento periódicamente, sino solo 1 vez.


Activadores de acontecimiento Error de JavaScript


Muy fácil. Un
detector de fallos de código JS. Si deseas un ejemplo, prueba a activar el código de ejemplo y la etiqueta del artículo: . Verás que es fácil 🙂


Básicamente trataría de c
onfigurar una etiqueta de acontecimiento de Google Analytics con la que poder compendiar estos errores, siguiendo de nuevo a Simo y perfeccionando a nuestro gusto la definición de los campos de acontecimiento, podríamos hacerlo así:


   – En
Categoría de eventotendríamos nuestra categoría de Errores genérica.


   – En
Acciónel género de Fallo concreto: Fallo JS.


   – En
Etiquetala info del error desglosada: Error URL – Error Message – Error Line.


   – En
Valorsi queremos podemos poner algo… pero al no poder emplearse enteros negativos, no le veo mucho sentido.


   – Fundamental:
Evento sin interacción / Non-Interaction Hit – True-> para no generar hits con los fallos que nos puedan distorsionar la tasa de rebote.


   



Activador de evento Cambio de Historial


Para seguir la 
navegación HTML5 y AJAX en una página sin cambios de URL, para ello activamos las variables y etiquetas del siguiente post: .



Queda pendiente un artículo actualizado sobre este tema para un futuro…


Activadores de Evento Personalizado en Google Tag Manager


Permiten crear un nuevo
activador a medida, para
cuando no funcionan los eventos automáticos. Los empleamos para
enviar accionesa mano
con dataLayer, por ej. para Formularos AJAX, interacciones con formularios, tracking de erroes en procesos de compra / registro / login…


Si queremos, podemos mandar
valores asociadoscomo
parámetros de eventoo
dimensiones personalizadas,
aprovechando la misma dataLayer. marketing digital extremadura más, visto desde la otra dirección: 
siempre que deseemos expedir valores personalizados en una dataLayeres aconsejable no está de más,
mandar también un evento personalizado, así vamos a tener un punto específico desde el cual podremos disponer de esos valores y donde podremos activar etiquetas en un futuro.



Código de dataLayer de ejemplo y
cómo crear un activador basado en un acontecimiento personalizadoque enviamos por dataLayer:


Importante: Sobre los activadores y la relación entre ellos


1. Activador VS Excepción/Bloqueo: Cómo crear una excepción en una etiqueta


Los 
triggers pueden ser
de activación o bien de bloqueo (excepciones).


Para
crear una excepción o trigger de bloqueo, primero hemos de escoger algún activador para la etiqueta:


El proceso de creación es idéntico al de cualquier trigger.


Si una etiqueta tiene 
activadores y excepciones (triggers de activación y bloqueo)
sus condiciones “se suman”  entre sí. Esto es, deben cumplirse las condiciones de inclusión y las de bloqueo a la vez, a fin de que se active la etiqueta.


Por ejemplo: incluir en URI “/gracias/” (inclusión), excepto si nombre de host es “aaa.com” (bloqueo).


Resultado:

– En
bbb.com/gracias/se activará la etiqueta

– Mas no se activará en
aaa.com/gracias/


Por otro lado, el
bloqueo tendría prioridad sobre la activación, si entran en conflicto triggers de distinto tipo. Ejemplo: incluir en URI “/contacto/gracias/” (inclusión), excepto si la URI contiene “/gracias/” (bloqueo), el trigger de bloqueo “ganaría” y se  bloquearía la etiqueta en un caso así.


2. Múltiples Activadores frente a múltiples Condiciones: Activador versus Condición


Se pueden definir
diferentes activadores o triggers para una misma etiqueta.


En caso de tener
más de un trigger de activación/bloqueo para la misma etiqueta, entre sí son
opcionales/alternativos. Es decir, si se cumple uno o se cumple el otro, se activa/bloquea la etiqueta en consecuencia.


Un
ejemplo de dos activadores conflictivos, y una curiosidad sobre cómo eludir
rebote 0 en Google Analytics:


En este caso, hemos definido
dos activadores separados, uno de
tipo Pageview(All Pages: el único activador creado por defecto en GTM, mas que si tuviésemos que acotar sería como en el pantallazo izquierdo de abajo) y otro de
tipo DOM, con lo que se genera un
rebote 0 por cien en Analytics, por el hecho de que el código de la etiqueta se carga un par de veces y en dos eventos distintos** (
dos páginas vistas en cada URL = rebote 0 por ciento ); como cuando está un par de veces repetido exactamente el mismo UA- en una página web.



Insistimos, con 
dos activadores separados, estamos diciendo que se ejecute la etiqueta CUANDO se visualice una página por completo (evento gtm.dom), O bien CUANDO se comience a cargar la página (evento gtm.js),
una cosa O la otra. Y como afirmamos ya antes, los acontecimientos gtm.js -> gtm.dom -> gtm.load, van en secuencia y se generan en todas las cargas de página uno tras otro. Por lo tanto, la etiqueta en cuestión se cargará dos veces, es decir: gtm.js (1a vez) -> gtm.dom (2a vez) -> gtm.load


Conclusión importante:
no confundir el trigger All Pages(todas y cada una de las páginas en acontecimiento Pageview o gtm.js),
con la condición todas las páginas – por ej. Page URL regEx .* – que vamos a poner en muchas etiquetas. Son cosas totalmente diferentes. Una es un activador completo con su momento de activación “Página vista” o bien “Pageview” y lo otro es una condición que puede ir en cualquier activador y puede ir unida a cualquier otro evento.


**IMPORTANTE: Acontecimientos distintos** >>solo una matización y vuelta de tuerca más: si ponemos
2 activadores alternativosa la vez
pero que hacen referencia al mismo evento(ej. un activador con condición de Click Classes y otro con condición de Click ID para exactamente el mismo acontecimiento Click – gtm.click -)
esto no hará saltar dos veces la etiqueta, es la única excepción y un caso bastante avanzado.


3. Múltiples Condiciones dentro de un Activador (ejemplos)


Sin embargo, si tenemos múltiples condiciones dentro de un mismo Activador, deben cumplirse simultáneamente a fin de que se dispare la etiqueta (como cuando arriba en el punto 1) “sumábamos” condiciones de activación y bloqueo).



Fire this trigger when all of these conditions are true


Como vemos arriba,
dentro de un mismo activador, pueden existir diferentes condiciones, las cuales siempre y en todo momento deben
cumplirse a la vez, para que el trigger active/bloquee la etiqueta.


Ejemplo 1:




Evento: Click (gtm.click) / Segmentación: Todos y cada uno de los elementos, se lanza cuando se hace click en cualquier elemento HTML de la página (sean enlaces o bien no, por ej. en etiqueta <button> o bien <input>.



Condición 1 – Activar: Click Text contiene Buy now!, activará la etiqueta si el elemento clicado tiene ese texto



Condición 2 – Activar: Click Path contiene /buy-, la activará solo si además, la ruta de destino contiene /buy-.


Resultado:

– haciendo click en <button action=”/buy-product-872.php”>Buy now!</button> se activará

– haciendo clic en <button action=”/buy-next-week.php”>Buy next week</button>NO se activará


Ejemplo 2:




Tipo: DOM preparado / ready (gtm.dom):
eventoque se lanza cuando
se ha cargado absolutamente la página, útil cuando deseamos forzar que una etiqueta se active después del resto de código de la página, lo equivalente a insertar un código al
final del </body>



Condición 1 – Activar: Page Path coincide con RegEx (.*)engloba
Todas las posibles paths, sendas o URIs  (parte que va tras el nombre de dominio: midominio.com
/URI, incluyendo la barra)



Condición dos – Activar: Page Hostname contiene mydomainname.com, nos aseguramos de que solo se active en nuestro dominio




Resultado:


  • en mydomainname.com/uoipjasfjaf se activará.
  • en anotherdomainname.com no se activará.

Configuración avanzada de activación en las propias etiquetas de Tag Manager


Hay algunos aspectos que están en la configuración avanzada de todas y cada una de las etiquetas de Google Tag Manager que afectan en la activación de éstas con independencia de los triggers o activadores asociados a las etiquetas:



Advanced Settings




Todas las etiquetasindependientemente de su tipo incluyen unos campos comunes de
configuración avanzada. En todos y cada uno de los casos, el uso de estas opciones avanzadas es opcional y en la mayoría de ocasiones no las necesitaremos.  Son los siguientes:


1. Programación de activación de la etiqueta


Para definir un intervalo de datas y horas dentro de los cuales la etiqueta estará libre – fuera del intervalo no se activará. Nos puede servir para dejar creada y publicada con antelación una etiqueta que no deseamos que esté en activo hasta un día y hora exactos.


2. Activar solo en contenedores publicados


Hace que la etiqueta no se active si estamos en modo de pruebas/depuración. Ya solamente se activará cuando el contenedor que la incluya esté publicado. Puede ser útil para casos de etiquetas cuya activación a lo largo de pruebas puede suponer un coste económico o generación de estadísticas incorrectas.


3. Prioridad de activación de la etiqueta


El campo Prioridad de activación de etiqueta deja introducir un valor numérico para supervisar la prioridad relativa de activación de una etiqueta. Las etiquetas con mayor valor se activan primero. A fin de que sea efectivo las etiquetas ordenadas/priorizadas deben activarse en un mismo momento/evento.


Se trata solo de un control parcial sobre el orden de ejecución. Se define el orden en que empieza la carga pero no el orden en que acaba, ni si una etiqueta debe terminar o bien no cuando comienza otra.


Es esencial saber que todas las etiquetas de Google Tag Manager
se ejecutan de forma asíncrona.


4. Secuenciación de etiquetas


Podemos
definir una etiqueta que sea setup (y se active justo antes) o cleanup de otra (y se active justo depués). De nuevo, lo tienes explicado al máximo nivel de detalle en este artículo de Simo Ahava sobre.


A continuación de la secuenciación de etiquetas, corresponde charlar de las opciones de activación, puesto que están muy relacionadas. Puedes ver un.


empresa de marketing sevilla . Opciones de activación de etiqueta


Respecto a las opciones de activación de etiqueta:


  • La opción por defecto es “
    una vez por evento”,  común en
    todas las etiquetas. Por esta razón, en todos y cada acontecimiento de activación que se genere en GTM -ya sea de tipo página, clic, etcétera- solo se activará una vez cada etiqueta, aun aunque existan varios activadores que se cumplan a la vez para ese evento. Por norma general, en un mismo acontecimiento nunca se activará un par de veces una etiqueta. La única excepción son las secuencias de etiquetas comentadas previamente.

  • Una vez por página”, aunque el acontecimiento de activación de la etiqueta se genere más de una vez para una misma URL, tan solo se activará una única vez la etiqueta (una vez por cada
    carga de página).

  • Ilimitada”, anula las restricciones anteriores, opción planeada y válida prácticamente únicamente para el caso de las secuencias de etiquetas, cuando es posible que en un mismo evento o carga de página se active múltiples veces una etiqueta. Esto solo ocurrirá si, además de cumplirse sus activadores, se cumple la secuencia (la etiqueta previa) que la activa. Por defecto, la etiqueta saltará solo una vez por acontecimiento, pero si ponemos “ilimitada” saltará un par de veces.