Here you can see an embedded Vimeo video. Play it, pause or seek within the video track to see what Google Tag Manager event names and variables are being shown for specific user interactions.

You should see the following events and variables:

  • gtm4wp.mediaPlayerReady – one specific player is ready to be used. You will see several event variables attached:
    • mediaType will be set to vimeo
    • mediaData.id will be set to the unique ID of the video on Vimeo
    • mediaData.title will be set to the title of the Vimeo video
    • mediaData.url will include the Vimeo URL of the video
    • mediaData.duraction will be set to the length of the video in seconds
  • gtm4wp.mediaPlayerStateChange will fire each time the player started playing, or if it is paused, stopped or it is buffering. Next to the variables above, you will see some additional variables:
    • mediaPlayerState: play, ended, pause or seeked
    • mediaCurrentTime: the time index where the player is currently playing the video
  • gtm4wp.mediaPlayerEvent – an event happening in the player during or before playback. Next to the variables above, you will see the following variables:
    • mediaPlayerEvent: error, texttrackchange, volumechange
    • mediaPlayerEventParam: if there is any additional data attached to the event name in mediaPlayerEvent, you will see it here
  • gtm4wp.mediaPlaybackPercentage – while the video plays, this event will fire each time the user watched 10% more seconds of the video. in addition to the variables above, you will have this as well:
    • mediaPercentage: the percentage the video was already played