Analytics
Сейчас в сети: 475
Сейчас в сети: 475
Настройка целей, отслеживание электронной торговли, многоканальные последовательности и тд
Подсказки
star_border
Ответить

Как добавить в GA цель: воспроизведение аудио

Студент ✭ ✭

Добрый день!

Внизу сайта http://targum.lviv.ua/ есть аудио отзывы. Все добавлены через тег:

<audio controls="">
<source src="audio/1.ogg" type="audio/ogg; codecs=vorbis" controls="controls">

</audio>

 

Подскажите, пожалуйста, какой код вставить, чтобы можно было отслеживать прослушивание Аудио.

1 Ответ экспертаverified_user
1 УТВЕРЖДЕННОЕ РЕШЕНИЕ

Утвержденные решения
Лучший ответ.
Решение
Утвердил автор темы Алексей С
декабря 2016

Как добавить в GA цель: воспроизведение аудио

Ведущий участник

Добрый день.

Можно использовать событие "play". Например, так:
<script>

document.querySelectorAll("audio").forEach(function(item, i, arr){
item.addEventListener("play",function(e){
ga('send','event','audio','play',e.target.currentSrc);
});
});
</script>

 

В ярлыке будет передаваться url аудио-файла. Разместите этот код в конце страницы под всеми тегами <audio> или запускайте его по готовности DOM страницы

Просмотреть решение в исходном сообщении

Лучший ответ.
Решение
Утвердил автор темы Алексей С
декабря 2016

Как добавить в GA цель: воспроизведение аудио

Ведущий участник

Добрый день.

Можно использовать событие "play". Например, так:
<script>

document.querySelectorAll("audio").forEach(function(item, i, arr){
item.addEventListener("play",function(e){
ga('send','event','audio','play',e.target.currentSrc);
});
});
</script>

 

В ярлыке будет передаваться url аудио-файла. Разместите этот код в конце страницы под всеми тегами <audio> или запускайте его по готовности DOM страницы

Как добавить в GA цель: воспроизведение аудио

Студент ✭ ✭

Здорово! Андрей, благодарю Вас.

Можно ли как-то ярлыками выделить каждое аудио?

Как добавить в GA цель: воспроизведение аудио

Студент ✭ ✭

Уже дочитал ваше сообщение. Благодарю!

 

Как добавить в GA цель: воспроизведение аудио

Ведущий участник

Рад был помочь!