Отслеживаете, сколько раз проигрывается аудио элемент 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, но я бы не рекомендовал такой подход.

Answer 2

Если вы обновились до Universal Analytics и не используете классическую аналитику, то вы бы использовали событие отправки, а не push-событие: ga ('send', 'event', 'Audio', e.type, $ (this).attr ( 'SRC'));Кроме того, если вы просто тестировали это самостоятельно, убедитесь, что вы не создали фильтр для фильтрации своего собственного IP-адреса.