如何跟踪用户观看了多少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

请看一下

使用jQuery和Google Analytics事件跟踪YouTube视频播放

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

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

使用chromeless播放器并使用youtube js api.请参阅Playback_status方法.我同意定时器.但是,我强烈建议您使用js api中的方法和回调.

你可能不得不使用

onStateChange事件getDuration()getCurrentTime()

你可能需要在onStateChange包装器中的那些或更好的东西.

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

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

在玩家状态更改时,您可以在内部触发自己的方法.

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

鲍尔和谷歌是你的朋友!

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