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

时间:2011-06-29 05:18:34

标签: javascript html5 audio google-analytics

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

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

2 个答案:

答案 0 :(得分:9)

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>代码属性上的事件添加为onplayonended,但我不建议这样做。

答案 1 :(得分:1)

如果您升级到Universal Analytics并且未使用经典分析,那么您将使用发送事件而不是推送事件:ga('发送','事件','音频',e。类型,$(此) .attr( 'SRC')); 此外,如果您只是自己测试,请确保您没有创建过滤器来过滤掉您自己的IP地址。