This Google Tag Manager Recipe is based on the auto-event listener created by David Vallejo (but with some modifications by Julius Fedorovicius).
What does it do? Automatically tracks interactions of embedded HTML5 video player on your site.
- Tracks video_play, video_pause, video_progress events
- video_percent parameter can contain the following values: 25%, 50%, 75%
- Other tracked parameters are: video_title, video_provider.
Read the blog post on how this recipe is created.
INSTRUCTIONS
- Download Container File
Download the container JSON file (right-click on the link and click “Save Link As” or “Save Target As” to save the JSON file to your computer). - Import JSON File into GTM
Log into your own Google Tag Manager container and head to the Admin section of the site. Under Container options, select Import Container. Read this blog post for more details about importing a container file. - Insert your own GA4 measurement ID
In the GA4 event tag, you will find a field called “Measurement ID”. In this field, enter your GA4 property’s measurement ID.
- Preview & Publish
Use the Preview options to test this container on your own site. Try testing each of the events to make sure they’re working properly. If everything looks good, go ahead and publish! - Want to see event parameters in your regular GA4 reports or Explorations (if they are not available by default)?
Register them as custom dimensions.
View all 30+ Google Tag Manager Recipes