小编Off*_*mal的帖子

如何修复HTML5视频Javascript跟踪代码无法正常工作

我在网上找到了一些JavaScript代码,可以为我的HTML5视频提供谷歌分析统计数据.但是,该代码仅正确显示"视频播放"和"视频暂停"的统计信息,但其余信息将不会显示甚至计算.其余信息是:

"25%的视频观看","50%的视频观看","75%的视频观看","100%的视频观看".

如何让下面的代码正常工作?此外,谷歌分析是跟踪这些统计数据的唯一方法还是另一种方式?

<script type="text/javascript">
      document.addEventListener('DOMContentLoaded', init, false)
var videoId = document.getElementById('bigvid3')
var videoTitle = videoId.getAttribute('data-description')
var videoTitle = 'bigvid3'

function init () {
    videoId.addEventListener('play', videoPlay, false)
	videoId.addEventListener('pause', videoPause, false)
	videoId.addEventListener('ended', videoEnd, false)
	videoId.addEventListener('timeupdate', videoTimeUpdate, false)

}

function setKeyFrames (duration) {
	var quarter = (duration / 4).toFixed(1)
	sessionStorage.setItem('one', quarter)
	sessionStorage.setItem('two', (quarter * 2).toFixed(1))
	sessionStorage.setItem('three', (quarter * 3).toFixed(1))
}

function videoTimeUpdate () {
		var curTime = videoId.currentTime.toFixed(1)
		switch (curTime) {
			case sessionStorage.getItem('one'):
				ga('send', 'event', 'video', '25% video played', videoTitle) …
Run Code Online (Sandbox Code Playgroud)

javascript video html5 google-analytics function

5
推荐指数
1
解决办法
1014
查看次数

标签 统计

function ×1

google-analytics ×1

html5 ×1

javascript ×1

video ×1