HTML5 Video Tracking Recipe for Google Tag Manager

This Google Tag Manager Recipe was originally posted by David Vallejo and it is for Universal Analytics. Looking for GA4 recipe? Click here.

What does it do? Automatically tracks interactions of embedded HTML5 video player on your site. This recipe will fire events to Google Analytics when users Play, Pause, and view 25, 50, 75, and 100% of the video.

Read the full blog post for more information on how Google Tag Manager Video Tracking works.

INSTRUCTIONS

1. 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).
2. 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.
3. Update With Your Own Tracking ID
   Update or create a new Constant Variable named {{YOUR_GA_TRACKING_ID}} with your Google Analytics Tracking ID (a.k.a. UA Number). I’d recommend using Google Analytics Settings variable instead. Read this guide on how to properly change Tracking ID in the imported container.
4. 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!

View all 30+ Google Tag Manager Recipes