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

Posted 2023-02-25

【中文标题】跟踪播放 HTML5 音频元素的次数？

【英文标题】：Tracking how many times an HTML5 audio element is played?

【发布时间】：2011-06-29 05:18:33

【问题描述】：

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

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

【参考方案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，但是，我不推荐这种方法。

【讨论】：

@Yahel - 我已经在我的分析代码之后立即添加了这段代码，但它似乎没有在 Analytics 中进行跟踪。代码应该放在哪里？

@Yahel - 是的，我刚刚包装了一个，但它似乎还没有被跟踪。这将如何在 Google Analytics（分析）中显示？

跟踪的事件应该用空格分隔，而不是逗号：$("audio").bind("playended", ...

@SergeyStadnik 感谢举报！固定的。错了 4 年！

【参考方案2】：

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