【发布时间】：2011-06-29 05:18:33
【问题描述】：
跟踪 HTML5 音频元素播放次数的最佳方法是什么？
（如果这是最好的方法，我们也可以使用 Google Analytics）
【问题讨论】：
标签： javascript html audio google-analytics
【发布时间】：2011-06-29 05:18:33
【问题描述】：
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，但是，我不推荐这种方法。
【讨论】：
-
@Yahel - 我已经在我的分析代码之后立即添加了这段代码，但它似乎没有在 Analytics 中进行跟踪。代码应该放在哪里？
-
@Yahel - 是的，我刚刚包装了一个，但它似乎还没有被跟踪。这将如何在 Google Analytics（分析）中显示？
-
跟踪的事件应该用空格分隔，而不是逗号：$("audio").bind("playended", ...
-
@SergeyStadnik 感谢举报！固定的。错了 4 年！
如果您升级到 Universal Analytics 并且没有使用经典分析，那么您将使用发送事件而不是推送事件：ga('send', 'event', 'Audio', e.type, $(this) .attr('src')); 此外，如果您只是自己测试，请确保您没有创建过滤器来过滤掉您自己的 IP 地址。
【讨论】：