%CODE1%
Тут я покажу стандартную имплементацию отслеживания с использованием кода Google Universal Analytics (без Tag Manager)
Начнем со вставки пустого контейнера <div id='player'></div>, который будет заменен на плеер YouTube при работе скрипта API.
Я в примерах использовал видео, доступное с канала Google Developers — https://www.youtube.com/watch?v=M7lc1UVf-VE ID которого берется из его адреса. Тоесть, Id этого видео — M7lc1UVf-VE.
Далее, просто загляните в код этой страницы и в строках с 158 по 228 найдете скрипт, выполняющий все действия по отслеживанию и запуску событий плеера YouTube.
Скрипты всегда оборачиваются в тег <script></script> при вставке напрямую в страницу. Подробнее о вставке скриптов можно смотреть ресурсы здесь. Я вставил скрипт перед закрывающим тегом </head>. Вы можете поступить так-же.
В итоге, вы можете через тот-же Google Analytics Debugger (перед использованием его необходимо установить) видеть отправляемые события в консоли отладки вашего браузера (в Google Chrome нажимаем клавишу F12 и переключиться на Console), смотрите скриншот ниже.
Вернуться к статье Отслеживание событий видео YouTube — события play, pause, end и ошибки с помощью GA и GTM
Пример работы событий по старту, паузе, окончанию воспроизведения. Для проверки запустите в браузере с запущенной javascript-консолью и активированным плагином Google Analytics Debugger.
При запуске событий вы должны увидеть следующее в консоли:
