javascript - 跟踪 HTML5 音频元素播放了多少次？

Question

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

(如果这是最好的方法，我们也可以使用 Google Analytics)

Answer 1

HTML5 音频元素 have basic callbacks.

您可以将其与基本的事件回调库(如 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 ，但是，我不推荐这种方法。