Улучшаем отслеживание видео в Google Analytics

[shаnnavr69]

Чтобы понять, какие ролики смотрят зрители и стоит ли вкладывать деньги в видеомаркетинг.

Видеоконтент помогает генерировать прибыль. Вы выкладываете ролик на YouTube, о вас узнают, вы повышаете узнаваемость бренда, продаете товары или услуги, продвигаете мероприятия. Аналитика помогает понять, какие ролики смотрят зрители и стоит ли вкладывать деньги в видеомаркетинг.

Эта статья о том, как достичь двух целей:

1. Улучшить отслеживание видео

Попытаемся отслеживать не просто длительность просмотра ролика, но и то, как зритель взаимодействовал с роликом: на каком моменте поставил на паузу, насколько далеко перемотал ролик, когда полностью завершил просмотр.

Чтобы улучшить отслеживание видео, понадобятся:

- пользовательские показатели Google Analytics;
- метод navigator.sendBeacon() для отправки данных в Google Analytics;
функция .unload() из библиотеки jQuery.

2. Получить подробные отчеты

Чтобы составить подробный отчет, понадобятся:

- уровень данных Google Analytics (он же dataLayer);
- пользовательские параметры Google Analytics;
API YouTube.

Значения, которые мы получим из API и запишем в Google Analytics:

- жанр (genre);
- канал (channel);
- рейтинг (rating).

Принцип работает с другими видеохостингами и аналитическими платформами.

Основные ограничения отслеживания видео

В Analytics событие наступает тогда, когда зритель досматривает видео до контрольных точек — равных отрезков ролика. У такого способа есть ограничения:

- Большие интервалы между контрольными точками. Из-за этого события наступают нерегулярно, данные в отчетах слишком общие.
- Не фиксируется последнее действие. В отчетах Analytics отображается предпоследнее действие зрителя. Например, если зритель закрыл ролик на 49%, в Analytics отобразится событие, что зритель досмотрел только 40% ролика.
- Строковый тип данных. События о роликах фиксируются текстом, поэтому можно получать информацию о контрольных точках, но нельзя узнать время просмотра ролика по названию, сеансу или пользователю.

Уберем ограничения, чтобы улучшить отслеживание видео.

Большие интервалы между контрольными точками. Чтобы в отчеты попадали актуальные данные, снизим интервалы между контрольными точками. По умолчанию контрольные точки в Analytics отправляются через каждые 25% времени ролика. Сократим до 10%:



Не фиксируется последнее действие. Пример:

- На сайте есть 30-минутный ролик. События фиксируются через каждые 10% ролика.
- Зритель досмотрел ролик до 3-й минуты, событие отобразилось в Analytics.
- Зритель закрывает видео на 5:59. Событие не отображается, поскольку зритель не дошел до следующей контрольной точки на 6:00.

Чтобы зафиксировать последнее реальное действие зрителя, нужна функция jQuery.unload() и метод navigator.sendBeacon.

Функция .unload() вызывает событие, которое перенесет время воспроизведения в секундах на время просмотра видео непосредственно перед событием ухода пользователя с сайта. Событие наступает в разных случаях:

зритель перешел по другой ссылке;
ввел новый URL в адресной строке;
выбрал следующее видео;
закрыл браузер;
обновил страницу.

Метод navigator.sendBeacon отработает асинхронно, даже если пользователь закроет ролик или вообще покинет сайт:



Для настройки метода sendBeacon в настройках тега отправки данных в GA в GTM нужно включить переопределение настроек. В названии поля указать параметр transport со значением beacon:




Строковый тип данных. Создадим пользовательские показатели с событиями, чтобы отслеживать воспроизведение ролика:

progress (проигрывание видео);
pause (пауза);
watch to end (просмотры до конца);
unload (закрытие видео).

Пользовательский показатель Google Analytics для времени просмотра видео предоставит гораздо более широкие возможности для создания отчетов. В отчете будет видно время воспроизведения:

каждого ролика за определенный период;
одного или всех роликов;
в разбивке по пользователям или сессиям;
по географии, источникам трафика или технологиям (суммарно, по пользователю или сеансу).

Пример кастомного отчета Google Analytics с настроенным пользовательским показателем, где можно посмотреть время воспроизведения видео в разрезе ярлыка события, в который передается название видеоролика:



Пример отчета, в котором пользовательские показатели видны в разрезе параметра «Источник/канал». В правой колонке видно среднее время воспроизведения за сессию:



Источник — ресурс, с которого зритель попал на ваш сайт. Канал — тип перехода: например, обычный поиск (organic), поисковая реклама с платой за клик (cpc) или переход с сайта (referral). Источники и каналы с лучшими показателями воспроизведения лучше всего подходят для дальнейшего продвижения.

Также мы можем составлять кастомные отчеты, комбинируя настроенные пользовательские параметры и показатели. Пример отчета в разбивке по жанрам:



Резюмируем рекомендации по отслеживанию видео:

- Сокращаем расстояние между контрольными точками.
- Фиксируем время между последним событием и закрытием ролика.
- Настраиваем пользовательские показатели, чтобы сделать отчеты более подробными.


Как работает отслеживание видео

Последовательность отслеживания событий:



Список переменных, которые мы получаем из API и передаем при отправке событий в Google Analytics:




Примеры отслеживания видео

Допустим, зритель смотрит 9-й эпизод 3-го сезона популярного сериала. Эпизод длится 10 минут. В течение этого времени зритель выполнил следующие действия:

начал смотреть видео;
просмотрел значительную часть видео;
поставил видео на паузу;
перемотал видео вперед;
покинул страницу с видео.

Что сделать, чтобы действия зрителя попали в отчеты:

- Написать слушатель событий YouTube API, который перехватит данные из API и запишет их в dataLayer, и внедрить его на сайт с помощью HTML-тега GTM.
- Настроить GTM на отправку событий в GA после записи перехваченных данных в dataLayer.

Зритель начал смотреть ролик
Событие: event=»video_play»
Описание: Зритель начал смотреть ролик (по клику или автоматически).
Длительность воспроизведения: 0
Пример кода:




Зритель поставил видео на паузу
Событие: event=»video_pause»
Описание: Зритель поставил видео на паузу.
Длительность воспроизведения: между последней контрольной точкой и паузой.
Пример кода:




Разница в 10 секунд, между последней контрольной точкой (3) и паузой (4)



Зритель досмотрел видео до контрольной точки

Событие: event=»video_milestone»
Длительность воспроизведения: 1/10 общей длительности видео.
Пример кода:








Зритель перематывает видео вперед
Событие: event=»video_seek»
Длительность воспроизведения: время между последней контрольной точкой и новой позицией.
Пример кода:




Время между последней контрольной точкой (5) и положением зрителя, откуда он начал перемотку видео (6)




Зритель покинул страницу с видео

Событие: event=»video_unload»
Описание: зритель покинул страницу с видео (закрыл страницу, либо нажал в браузере на кнопки «вперед» или «назад»).
Длительность воспроизведения: время между последней контрольной точкой и моментом выхода со страницы.
Пример кода:



Время между началом видео или последней контрольной точки и моментом закрытия страницы

Итог
В статье мы рассмотрели принципы настройки аналитики для видео, с помощью которых вы сможете точнее отслеживать взаимодействие зрителей с видео и получать более подробную отчетность. Это поможет проанализировать эффективность вашего YouTube-канала.