Vimeo API 跟踪 [英] Vimeo API Tracking

问题描述

我正在尝试对我们网站上的 Vimeo 视频实施一些视频跟踪.我已经为 Play/Finished 做了太多工作，但我还需要为 25%、50%、75% 做这件事.

这是我当前的代码

$(document).ready(function() {var iframe = document.querySelector('#vimeo_id_0');var player = new Vimeo.Player(iframe);//跟踪播放中的视频player.on('播放'，功能(数据){player.getVideoTitle().then(function(title) {$('body').append('<div>Play:' + title + '</div>');});//ga('send', 'event', { eventCategory: 'Video', eventAction: 'Play', eventLabel: 'Video Play'});});//按播放百分比跟踪视频player.on('timeupdate', function(data){player.getVideoTitle().then(function(title) {控制台日志(数据百分比)；如果(数据.百分比= 0.25){//25%%$('body').append('
25%' + title + '
');} else if (data.percent = 0.50) {//50%%$('body').append('
50%' + 标题 + '
');} else if (data.percent = 0.75) {//75%%$('body').append('
75%' + title + '
');}});});//跟踪视频结束player.on('结束'，功能(数据){player.getVideoTitle().then(function(title) {$('body').append('<div>Ended:' + title + '</div>');//ga('send', 'event', { eventCategory: 'Video', eventAction: 'Finished', eventLabel: 'Video Finished'});});});});

<script src="https://player.vimeo.com/api/player.js"></script><script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script><style>.embed-container { 位置:相对；填充底部:56.25%；高度:0；溢出:隐藏；最大宽度:100%；} .embed-container iframe, .embed-container 对象, .embed-container embed { position: absolute;顶部:0；左:0；宽度:100%；高度:100%；}</style><div class='embed-container'><iframe src='https://player.vimeo.com/video/260024854' id="vimeo_id_0" frameborder='0' webkitAllowFullScreen mozallowfullscreenallowFullScreen></iframe></div>

我正在尝试获取它，因此当 timeupdate 百分比达到 0.25 时，它会触发事件，仅此而已，但是它会立即开始触发并在每次 timeupdate 调用更新时触发，这意味着我们将跟踪大量事件在 Google Analytics(分析)中

任何帮助将不胜感激.谢谢

解决方案

在您的 if 语句中，您缺少另一个等号.应该是:

if (data.percent == 0.25)

I'm trying to implement some video tracking to our Vimeo videos on our website. I've got it too work for Play/Finished however i also need to do it for 25%, 50%, 75%.

This is my current code

$(document).ready(function() {
   	var iframe = document.querySelector('#vimeo_id_0');
   	var player = new Vimeo.Player(iframe);
	
	//Track videos on Play
	player.on('play', function(data){
		player.getVideoTitle().then(function(title) {
			$('body').append('<div>Play:' + title + '</div>');
		});
		//ga('send', 'event', { eventCategory: 'Video', eventAction: 'Play', eventLabel: 'Video Play'});
	});
	
	//Track videos at percent played
	player.on('timeupdate', function(data){
		player.getVideoTitle().then(function(title) {
			console.log(data.percent);
			if(data.percent = 0.25) {
				//25% percent
				$('body').append('<div>25%' + title + '</div>');
			} else if (data.percent = 0.50) {
				//50% percent
				$('body').append('<div>50%' + title + '</div>');
			} else if (data.percent = 0.75) {
				//75% percent
				$('body').append('<div>75%' + title + '</div>');
			}
		});
	});
	
	//Track videos on End
	player.on('ended', function(data){
		player.getVideoTitle().then(function(title) {
		  $('body').append('<div>Ended:' + title + '</div>');
		  //ga('send', 'event', { eventCategory: 'Video', eventAction: 'Finished', eventLabel: 'Video Finished'});
		});
	});
});

<script src="https://player.vimeo.com/api/player.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style><div class='embed-container'><iframe src='https://player.vimeo.com/video/260024854' id="vimeo_id_0" frameborder='0' webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe></div>

I'm trying to get it so when it timeupdate percent hits 0.25 it will fire the event and thats it, However it starts firing straight away and fires every single time the timeupdate call updates which would mean we will track loads of events in Google Analytics

Any help would be appreciated. Thanks

解决方案

In your if statement you are missing another equal sign. It should be:

if (data.percent == 0.25)

这篇关于Vimeo API 跟踪的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！