google-tag-manager - 如何跟踪用户观看了多少 YouTube 视频？

Question

我需要跟踪用户在我的网站上观看了多少嵌入式 YouTube 视频。我需要它以视频长度的 25%、50%、75% 和 100% 触发标签。它应该像滚动页面轨道一样工作。

我对该网站的唯一访问权限是通过 Googletag 管理器，因此任何解决方案都必须通过那里。

我已经研究过并且显然有办法使用 youtube api 来做到这一点。我什至尝试了这个分步指南:http://www.cardinalpath.com/youtube-video-tracking-with-gtm-and-ua-a-step-by-step-guide/但它没有用。

我想问题是该网站使用了fancybox 来播放视频。这是网站代码的选择:



我不知道从哪里开始。

Answer 1

请看一下

Track YouTube Video Playback with jQuery and Google Analytics Events

https://developers.google.com/youtube/js_api_reference

您需要跟踪当前播放时间，获取总播放时间，然后将其转换为百分比。

使用 chromeless 播放器并使用 youtube js api。请参阅 Playback_status 方法。我同意放一个计时器。但是，我强烈建议您使用 js api 中提供的方法和回调。

你可能不得不使用

onStateChange 事件
获取持续时间()
获取当前时间()

并且您可能需要 onStateChange 包装器内的那些或更好的东西。

function onYouTubePlayerReady(playerId) {
  ytplayer = document.getElementById("myytplayer");
  ytplayer.addEventListener("onStateChange", "onytplayerStateChange");
}

function onytplayerStateChange(newState) {
   alert(ytplayer.getDuration()+ytplayer.getCurrentTime());
}

在播放器状态更改时，您可以在内部触发自己的方法。

这不是一个有效的例子，但我希望你能得到我的答案。模式/弹出框与获取所需数据无关。您只需要使用 chromeless 播放器和与您的 jQuery 插件协调工作的 YT js api。有一些 jQuery 插件是多种视频共享技术的 API 包装器。

Bower 和 Google 是您的 friend !

http://bower.io/search/?q=youtube