Google Tag Manager: cómo disparar un tag con un elemento visible en pantalla de forma correcta

El trigger de visibilidad de elemento se presenta como un gran recurso a la hora de disparar nuestros tags en Google Tag Manager, ya que podemos hacer que se disparen con la aparición de cualquier elemento visible en nuestra página web.

Este trigger nos es de gran ayuda sobretodo cuando queremos trackear, por ejemplo, envíos de formulario que no te llevan a una ‘thank you page’ de envío, o que no se produce ninguna carga en la URL, pero sí que aparece un mensaje en pantalla como el siguiente:

En el momento de configurar este activador, deberemos tener en cuenta los siguientes aspectos si queremos que nos funcione correctamente.

Lo primero en lo que nos fijaremos cuando estemos configurando el activador de visibilidad de elemento, es el checkbox de los cambios en el DOM:

Esta casilla la dejaremos activada en el caso de que aparezca en pantalla un elemento visible sin haber hecho scroll, en el caso contrario la dejaríamos deshabilitada.

El segundo punto a tener en cuenta en la configuración del trigger es el método que vamos a emplear para seleccionar el elemento visible en pantalla.

Si sabemos con certeza que el elemento que queremos trackear contiene un ID, escogeremos la primera opción.

El problema nos lo encontraremos cuando ese elemento no disponga de un ID y debamos utilizar el selector de CSS. En este caso, deberemos tener un conocimiento básico de CSS para poder emplear correctamente este método de selección:

  • Si queremos seleccionar un elemento que contiene una class concreta, ésta deberá empezar con un punto, ejemplo: .estaClass
  • Si nos interesa seleccionar un elemento que contiene varias class, deberemos añadir un punto antes de cada una de las class, ejemplo: .estaClass.otraClass
  • En el caso de querer seleccionar un elemento por una class que es un hijo directo de otro elemento con una class distinta, deberemos utilizar la siguiente sintaxis: .parentElementClass > .childElementClass

Hay otro punto, que aunque sea menos importante y se dé en menos ocasiones, debemos también tener en cuenta. Se trata de cuando nos encontramos, por ejemplo, con un formulario que está en un iframe, y nosotros queremos trackear el momento en el que éste aparece en pantalla. Si el iframe donde tenemos el formulario no dispone de un estilo definido, eso significa que el valor del parámetro height es 0, por lo tanto el elemento se muestra como invisible y de esta manera resulta imposible ser trackeado. Si nos encontramos con esta situación, simplemente tenemos que pedir a nuestro developer que añada para ese elemento un height que sea de al menos 1 o 2 px.

Resumiendo en pocas palabras, el trigger de elemento de visibilidad es de gran utilidad, nos puede sacar de muchos apuros a la hora de disparar ciertos tags, pero debemos vigilar bien el momento de configurarlo y entender el elemento que debemos seleccionar para que funcione correctamente la activación del tag.

ANTERIOR
SIGUIENTE

TIPS DE EXPERTOS

Suscríbete para impulsar tu negocio.

ÚLTIMOS ARTÍCULOS

Sin base sólida, no hay IA que funcione: el reto de la Data Foundation

En un contexto empresarial donde la IA se ha convertido en el nuevo estándar de eficiencia y escalabilidad, muchas organizaciones se enfrentan a una paradoja: disponen de tecnología avanzada, pero no logran resultados consistentes. La razón no suele estar en el algoritmo, sino en los cimientos. La Data Foundation es la verdadera protagonista del éxito o fracaso de cualquier estrategia de IA, automatización o CRM.

La automatización inteligente llega al CRM: Salesforce lanza Agentforce

Salesforce ha vuelto a marcar el ritmo de la innovación con el anuncio de Agentforce y Marketing Cloud Next, dos soluciones que redefinen la automatización en el ecosistema CRM. Estas novedades no solo incorporan inteligencia artificial, sino que sitúan a la IA generativa en el centro de las operaciones comerciales, permitiendo que agentes virtuales actúen con autonomía en procesos de ventas, marketing y atención al cliente.

En este artículo analizamos las claves de esta evolución y su impacto en la productividad comercial, desde una perspectiva de CRM y analítica avanzada.

Cómo Amazon usa IA en Prime Day 2025 para personalizar la experiencia de compra

Amazon prepara su Prime Day 2025, que se celebrará del 8 al 11 de julio, con un enfoque claro en mejorar la experiencia de compra mediante herramientas impulsadas por inteligencia artificial. Durante las 96 horas de ofertas exclusivas para miembros Prime, la IA facilitará que los usuarios encuentren exactamente lo que buscan a precios atractivos, optimizando tiempo y relevancia.

AdTegral e Improvado se alían para aplicar IA al análisis de marketing

En un entorno donde la rapidez y la precisión marcan la diferencia, la reciente colaboración entre AdTegral e Improvado demuestra que la integración efectiva de datos y AI es un paso estratégico imprescindible. Su alianza permite reducir en un 70 % la latencia en reporting programático, conectando directamente campañas con inteligencia accionable y sin depender de tecnología compleja.

data
Mallorca 184, 08036
Barcelona, Spain