Declencheur : YouTube Video

Ce qu'on va faire sur cette page

Le declencheur YouTube Video track automatiquement les interactions avec les videos YouTube embeddees : play, pause, complete, et progression (25%, 50%, 75%).

  1. Ouvrir GTM Preview
  2. Lancer la video ci-dessous
  3. Mettre en pause, reprendre, avancer
  4. Observer les events "YouTube Video" dans le Summary
  5. Regarder les variables Video Title, Video Status, Video Percent, Video Duration

Video YouTube embeddee - les interactions sont automatiquement detectees par GTM

Note : le parametre enablejsapi=1 dans l'URL de l'iframe est obligatoire pour que GTM detecte les events video.

Events et variables YouTube Video 
// Le trigger YouTube Video capture ces events :

// 1. Start (l'utilisateur lance la video)
//    Video Status = "start"
//
// 2. Pause
//    Video Status = "pause"
//
// 3. Progress (seuils configurables)
//    Video Status = "progress"
//    Video Percent = 25, 50, 75 (selon config)
//
// 4. Complete (video terminee)
//    Video Status = "complete"
//    Video Percent = 100

// Variables disponibles :
// Video Title     -> Titre de la video YouTube
// Video URL       -> URL de la video
// Video Percent   -> Pourcentage vu
// Video Duration  -> Duree totale en secondes
// Video Provider  -> "youtube"
// Video Status    -> start, pause, progress, complete
// Video Visible   -> true/false (la video est-elle visible a l'ecran ?)
Configuration GTM du YouTube Video trigger 
// Configuration du trigger YouTube Video dans GTM :
//
// Type : YouTube Video
// Cocher : Start, Complete, Pause/Seek/Buffering
// Progress : cocher "Percentages" -> 25, 50, 75
//
// Options avancees :
// - "Add JavaScript API support to all videos" : COCHER
//   (ajoute automatiquement enablejsapi=1)
//
// Tag GA4 Event :
// Event name : video_{{Video Status}}
// (ou un nom fixe avec le status en parametre)
// Parametres :
//   video_title = {{Video Title}}
//   video_percent = {{Video Percent}}
//   video_duration = {{Video Duration}}

Points importants

enablejsapi=1 : ce parametre doit etre dans l'URL de l'iframe. Si tu coches "Add JavaScript API support" dans GTM, il l'ajoute automatiquement.

Vimeo, Wistia, etc. : ce trigger ne fonctionne qu'avec YouTube. Pour les autres players, il faut un Custom HTML tag avec le SDK du player.