Имеется сайт с nuxt.js компонентами, подключенный к google tag manager. На сайте есть раздел с подкастами. Задачи:
А) отслеживать загрузку плеера (выполнено);
Б) отслеживать воспроизведение подкаста (пуск, но по клику проблематично, поскольку пуск и пауза одна кнопка и один элемент в dom);
В) отслеживать прослушивание 3 секунд;
Г ) отслеживать квантиль (25, 50, 75 и 100% прослушивания записи подкаста).
Подкаст на сайте выдаётся из тега audio с id. Не stream. Файл по ссылке.
Что делалось:
А) пробовал привязаться к timeupdate событию: при клике на старт добавить к audio event listener на timeupdate, который на ходу рассчитывал время и процент прослушивания. Соответственно, если прослушана секунда, то отправка цели, что плеер запущен. 3 секунды - тоже отправка. Ну и квантиль на ходу считал. Предположительно вступаю в конфликт с имеющимся timeupdate обработчиком в nuxt компоненте (свой обработчик пытаюсь импортировать через контейнер gtm, ибо ни ftp, ни прочих рычагов не завезли);
Б) пробовал подвязаться к прогрузке плеера и каждую секунду пробивать прослушанной время и считать процент. Тоже не получается.
При каждой новой публикации контейнера на сайте регулярно отображается ошибка скрипта (какой-то компонент пытается опросить контейнер и получает 404).
Подскажите, что я делаю не так, реально ли это сделать и как? Буду рад Вашим комментариям
P.s.: цели, события и прочее в движках аналитики завел, если что
Простой
