跟踪HTML5音频元素的播放次数？

Question

跟踪HTML5音频元素播放次数的最佳方法是什么？

(如果这是最佳方法,我们也可以使用Google Analytics)

Answer 1

HTML5音频元素具有基本回调.

您可以将它与基本事件回调库(如jQuery)组合以默认附加这些事件:

$("audio").bind("play", function(){
_gaq.push(["_trackEvent","Audio", "play", $(this).attr('src')]);
});

当人们完成音频时,您还可以执行类似的事件跟踪:

$("audio").bind("ended", function(){
_gaq.push(["_trackEvent","Audio", "ended", $(this).attr('src')]);
});

通过将它们组合成一个调用,可以使其更简洁:

$("audio").bind("play ended", function(e){
_gaq.push(["_trackEvent","Audio", e.type, $(this).attr('src')]);
});

您还可以添加事件的<audio>标签属性为onplay和onended,但是,我不会推荐这种做法.