Wistia Video

1. Add the listener as a Custom HTML tag

   Paste this into a Custom HTML tag firing on All Pages (or Initialization). It turns Wistia's signals into dataLayer events:

   <script>
   window._wq = window._wq || [];
   window._wq.push({ id: '_all', onReady: function (video) {
     window.dataLayer = window.dataLayer || [];
     var meta = { video_id: video.hashedId(), video_title: video.name() };
     video.bind('play',  function(){ dataLayer.push(Object.assign({ event: 'wistia_play' }, meta)); });
     video.bind('pause', function(){ dataLayer.push(Object.assign({ event: 'wistia_pause' }, meta)); });
     video.bind('end',   function(){ dataLayer.push(Object.assign({ event: 'wistia_complete' }, meta)); return video.unbind; });
     // Percent-watched milestones.
     [0.25, 0.5, 0.75].forEach(function(p){
       video.bind('percentwatchedchanged', function(percent){
         if (percent >= p && !video['_seen'+p]) { video['_seen'+p] = 1; dataLayer.push(Object.assign({ event: 'wistia_progress', percent: p * 100 }, meta)); }
       });
     });
   }});
   </script>

2. Create a Custom Event trigger on wistia_play

   Go to Triggers → New → Custom Event, set the event name to wistia_play, name it for the widget and Save.

3. Fire a tag on it

   Add a GA4 Event tag (or the Custom HTML - Test stand-in) firing on that trigger, so the captured event reaches your analytics.

4. Go deeper

   Want the full production script, a walkthrough video and a downloadable GTM recipe? DumbData: Wistia listener script, video + GTM recipe.

Copy this lesson's live URL and paste it into GTM Preview, that is the page Tag Assistant connects to. It has the clickable elements, so this page stays clean for reading.

1. In your GTM, click Preview.
2. Paste the live URL above and click Connect.
3. Interact with the live page and watch your tag fire in Tag Assistant.

Built it? Export your container, Admin → Export Container, choose your workspace, then drop the JSON here to check it against this lesson.