Here’s a screenshot of the video_action variable.ĭo the same thing with video_url, video_percent, and video_title.Īfter variables are configured, it’s time to create a Custom Event Trigger. Google Analytics) with Google Tag Manager, you need to “teach” GTM to fetch it (with the help of Data Layer Variables). If you wish to transfer some information from the data layer to other tools (e.g. Create Data Layer Variables and a Custom Event Trigger You should start seeing video events in the Preview mode’s left side.īy the way, the Vimeo listener tracks the following video thresholds: 25%, 50%, 75%, 100%. If you want to test this now, enable the Preview and Debug mode, refresh the page with the Vimeo player and try interacting with it. video_action (play, pause, or progress)Īs you can see, there is less data (compared to the Youtube trigger) but that’s still pretty useful.Event Name: video (this value never changes).Every time a Vimeo player interaction occurs, the listener will dispatch a Data Layer event with the following data: A Vimeo Auto-Event Listener (as a Custom HTML tag) fires only when the aforementioned Window Loaded Trigger activates.A Window Loaded Trigger that checks whether Vimeo video player is embedded in the web page (thanks to a Custom JavaScript variable).Video_title: _playerTitle.toLowerCase()ĭon’t forget to assign the previously created Window Loaded Trigger:Ĭheckpoint! Let’s see what we’ve created so far: Var player=document.getElementsByTagName('iframe') To do that, first, we need to create a Custom JavaScript variable (go to Variables > New > Custom Javascript) and paste the following code: function () Loading that code on every page is not optimal and will affect the page loading speed, that’s why we should activate that code ONLY when the Vimeo player is actually embedded on that site. In order to track Vimeo player with GTM on a page, we will need to add a lengthy code to the container. Create a variable “Is Vimeo player present on a page”

Mania mod manager instructions