Updated March 2nd, 2023. This Google Tag Manager auto-event listener was posted by Pat Grady (who based his script on David Vallejo’s solution). Later I added some small tweaks to it.
What does it do? Automatically tracks interactions with embedded JW Player on your site and sends events to Google Analytics.
- 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.
Important: This listener returns the video title when the video actually has it. Unfortunately, video title is not a required field in JW player. So if the title is missing, this recipe will return the video file URL instead.
Learn more about how Google Tag Manager Video Tracking works.
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