Declencheur : Timer

Ce qu'on va faire sur cette page

Le declencheur Timer fire a intervalles reguliers (toutes les X millisecondes). Utile pour mesurer le temps passe sur une page ou declencher des actions apres un certain delai.

  1. Ouvrir GTM Preview
  2. Lancer le chronometre ci-dessous
  3. Observer les events "Timer" dans le Summary (toutes les 10 secondes)
  4. Comparer avec le trigger natif de GTM

Chronometre interactif - un event est pousse toutes les 10 secondes

0s

Un event timer_milestone est pousse dans le dataLayer toutes les 10 secondes.

Events dataLayer du chronometre 
// Ce que le chronometre pousse dans le dataLayer :

// Toutes les 10 secondes :
window.dataLayer.push({
    event: "timer_milestone",
    timer_seconds: 10   // puis 20, 30, 40...
});

// Quand on arrete :
window.dataLayer.push({
    event: "timer_stopped",
    timer_seconds: 35   // temps total
});
Configuration GTM du Timer trigger 
// Configuration du trigger Timer dans GTM :
//
// Type : Timer
// Event Name : gtm.timer  (nom de l'event dans le dataLayer)
// Interval : 10000  (10 secondes, en millisecondes)
// Limit : 6  (maximum 6 fires = 60 secondes. 0 = illimite)
//
// Conditions (optionnel) :
// Page URL contient "/triggers/timer/"
// (pour ne pas fire sur toutes les pages)
//
// Variables :
// Timer Event Number  -> 1, 2, 3... (le numero du fire)
// Timer Interval      -> 10000 (l'intervalle configure)
// Timer ID            -> ID unique du timer

// Cas d'usage typiques :
// - Engagement time : fire toutes les 15s, envoyer un event GA4
// - Popup : afficher une offre apres 30s sur la page
// - Scroll reminder : si pas de scroll apres 5s, afficher un CTA

Attention a la performance

Un timer sans limite (Limit: 0) fire indefiniment tant que la page est ouverte. Si l'utilisateur laisse un onglet ouvert pendant des heures, ca genere beaucoup d'events inutiles. Toujours mettre une limite raisonnable (6-12 fires max).