Guía para usar el disparador de temporizador en Google Tag Manager

Actualizado: 2 de marzo de 2025.

Si alguna vez te has preguntado cómo puedes activar un script de seguimiento o un pop-up después de un retraso específico, estás en el lugar adecuado. En este artículo, exploraremos en profundidad el uso del disparador de temporizador en Google Tag Manager, una herramienta poderosa que te permitirá optimizar tus campañas de marketing digital.

¿Qué es un disparador de temporizador en Google Tag Manager?

El disparador de temporizador es una funcionalidad dentro de Google Tag Manager (GTM) que permite activar una acción después de un periodo de tiempo específico transcurrido en una página web. Este tipo de disparador es especialmente útil para realizar seguimientos de eventos que requieren un tiempo determinado, como el envío de eventos a Google Analytics o la activación de etiquetas después de que un visitante haya permanecido en una página por un tiempo.

Los usos más comunes de un disparador de temporizador incluyen:

• Enviar eventos: Activar eventos en Google Analytics después de un cierto número de segundos.
• Retrasar etiquetas: Posponer la activación de etiquetas para asegurarse de que se cumplan ciertas condiciones en la página.
• Interacciones del usuario: Mejorar la experiencia del usuario mostrando contenido relevante después de un periodo de espera.

Cómo crear un disparador de temporizador en Google Tag Manager

Para comenzar a utilizar un disparador de temporizador, necesitas tener acceso a tu cuenta de Google Tag Manager y los permisos adecuados para editar tu contenedor. A continuación, te guiaré a través de los pasos necesarios:

1. Accede a tu cuenta de Google Tag Manager.
2. Navega a Disparadores, selecciona Nuevo, luego Configuración del disparador y elige Temporizador.
3. Configura los siguientes parámetros:
• Nombre del evento: Personaliza el nombre del evento que se enviará al dataLayer, lo que resulta útil si deseas activar múltiples temporizadores en la misma página.
• Intervalo: Define el tiempo en milisegundos que debe transcurrir entre cada activación del disparador. Por ejemplo, si deseas que el disparador se active después de 10 segundos, ingresa 10000.
• Límite: Decide cuántas veces quieres que se active el disparador antes de detenerse.
• Habilitar cuando: Limita el temporizador a páginas específicas ingresando condiciones como Ruta de la página igual a /pagina-inicial/.
• Disparar todos los temporizadores o solo algunos: Puedes optar por activar el disparador en todos los temporizadores o en específicos.
4. Finalmente, haz clic en Guardar.

Un ejemplo de un disparador de temporizador podría ser un disparador que se activa una vez después de 10 segundos en todas las páginas.

¿Qué ocurre en el data layer?

Una vez que hayas creado tu disparador de temporizador, es fundamental probar su funcionamiento. Activa el modo de vista previa y depuración de GTM y navega hasta la ventana del sitio web que estás configurando.

Cuando el consola de vista previa y depuración aparezca, espera a que se active el disparador de temporizador. Como consejo, establece un temporizador que se active después de 10 segundos para facilitar las pruebas. Si configuras el temporizador para que se active después de 60 segundos, podrías perder mucho tiempo esperando.

Después de 10 segundos, deberías ver el evento gtm.timer en el panel izquierdo. Haz clic en él y navega a la pestaña del Data Layer. Allí encontrarás una serie de parámetros relevantes que se generan cada vez que se activa el disparador:

• gtm.timerId: Un número único que identifica el temporizador.
• gtm.timerEventNumber: El número de disparadores activados en la página actual.
• gtm.timerInterval: El valor que configuraste en la opción de intervalo.
• gtm.timerStartTime: La marca de tiempo de cuando comenzó el temporizador.
• gtm.timerCurrentTime: La marca de tiempo de la activación más reciente del temporizador.
• gtm.timerElapsedTime: El tiempo en milisegundos transcurrido desde que comenzó el temporizador.

Una característica interesante de Google Tag Manager es que puedes extraer cualquier parámetro del data layer y convertirlo en una variable. Esto te permite, por ejemplo, obtener el número de eventos activados con el uso de la variable de Data Layer gtm.timerEventNumber.

Casos de uso del disparador de temporizador

Si aún estás buscando ideas sobre cómo utilizar un disparador de temporizador, aquí te presento algunas sugerencias creativas:

• Pop-ups de suscripción: Puedes utilizar un temporizador para mostrar un pop-up que invite a los visitantes a suscribirse a tu boletín tras un breve periodo de tiempo.
• Contenido interactivo: Presentar encuestas o cuestionarios después de que un usuario haya estado en la página por un tiempo determinado.
• Ofertas especiales: Mostrar banners con ofertas limitadas que se activan después de que un usuario ha navegado en tu sitio por un tiempo específico.

Personalmente, utilizo este tipo de disparador en mi blog para retrasar el pop-up de correo electrónico que solicita a los visitantes que se suscriban.

Combinando con otro disparador (a través de grupos de disparadores)

Google Tag Manager también permite combinar múltiples disparadores en un grupo de disparadores. Esto significa que puedes activar una etiqueta solo cuando todas las condiciones de los disparadores se cumplen simultáneamente en la misma página.

Por ejemplo, es posible que desees que se active una etiqueta cuando un visitante pase al menos 60 segundos en la página y haya desplazado al menos el 50% de la altura de la misma. Para lograr esto, sigue estos pasos:

1. Crea un disparador de temporizador que se active después de 60 segundos.
2. Luego, crea un disparador de profundidad de desplazamiento que se active cuando se cumpla el 50% de la altura de la página.
3. Finalmente, crea un grupo de disparadores seleccionando ambos disparadores que has configurado.

Por último, puedes vincular este grupo de disparadores a una etiqueta de GA4 que envíe el evento engaged_user a Google Analytics cuando ambas condiciones se cumplan.

Iniciar un disparador de temporizador después de un clic

Esta idea innovadora proviene de Simo Ahava. Si deseas que un temporizador comience solo después de que un usuario realice una acción, como un clic, necesitarás usar una etiqueta de HTML personalizada con código específico. Aquí tienes un ejemplo de código:

<script>
(function() {
    // MODIFICA ESTOS TRES:
    var eventName = 'custom.timer'; // El nombre del evento que se envía al dataLayer
    var interval = 5000; // El intervalo en milisegundos
    var limit = 1; // La cantidad de veces que se activa el temporizador
    // OTROS AJUSTES:
    var timerNumber = 1;
    var startTime = new Date().getTime();
    var fireTimer = function() {
        var timeNow = new Date().getTime();
        window.dataLayer.push({
            'event': eventName,
            'custom.timerCurrentTime': timeNow,
            'custom.timerElapsedTime': timeNow - startTime,
            'custom.timerStartTime': startTime,
            'custom.timerEventNumber': timerNumber,
            'custom.timerId': timerId,
            'custom.timerInterval': interval,
            'custom.timerLimit': limit
        });
        timerNumber += 1;
        if (limit < timerNumber) {
            window.clearInterval(timerId);
        }
    };
    var timerId = window.setInterval(fireTimer, interval);
})();
</script>

Este código realiza funciones similares al disparador de temporizador estándar, pero con la ventaja de que puedes utilizar cualquier tipo de disparador para activar esta etiqueta de HTML personalizada.

Ejemplo: Mostrar un pop-up 10 segundos después de que un visitante haga clic en un botón de «Compartir» debajo de tu artículo.

Diferencia entre etiqueta y disparador en Google Tag Manager

Es crucial entender la diferencia entre etiquetas y disparadores en Google Tag Manager para optimizar su uso. Las etiquetas son fragmentos de código que envían información a terceros, como Google Analytics o Facebook Pixel. En cambio, los disparadores son las condiciones que determinan cuándo y cómo se deben activar esas etiquetas.

En resumen, los disparadores controlan la activación de las etiquetas, permitiendo un manejo más preciso y eficiente de los datos que recopilas en tu sitio web.