%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), смотрите скриншот ниже.

пример дебаггинга Google Analytics Event в браузере

Вернуться к статье Отслеживание событий видео YouTube — события play, pause, end и ошибки с помощью GA и GTM

Пример работы событий по старту, паузе, окончанию воспроизведения. Для проверки запустите в браузере с запущенной javascript-консолью и активированным плагином Google Analytics Debugger.

При запуске событий вы должны увидеть следующее в консоли:

Проверка работы видео в гугл аналитикс