Как настроить передачу данных о просмотрах видео на сайте пользователями в Google analytics Universal (пошагово)
Для настройки используется Google tag manager. В статье приведены подробное описание и скриншоты с примерами.
В конце статьи будет ссылка на то, как визуализировать данные в Google data studio.
Необходимо установить код этого контейнера GTM на сайт.
Первым делом необходимо установить код счетчика Google Analytics (далее GA) Universal и контейнера GTM на сайт. На эту тему исчерпывающее количество статей и информации, поэтому не буду это объяснять еще раз. Плюс на самих ресурсах подробно написано в какую часть кода сайта необходимо установить код счетчика и контейнера.
В GA 4 эта настройка работает автоматически, но при соблюдения нескольких условий. А именно при значении enablejsapi равное 1, которое включает API Javascript для видео (это значение включается при настройке тега в GTM).
Далее настраиваем триггеры внутри GTM.
В разделе "Триггеры" для просмотра видео youtube есть готовый тип триггера.
Необходимо выполнить его настройку.
Указываем желаемые для отслеживания данные, пороги % просмотра видео (эти проценты будут отображаться потом в отчете), включаем API JavaScript для видео, которое делает значение enablejsapi равное 1 и выбираем начало срабатывания триггера (все варианты подробно описаны при нажатии на «?»).
В пользовательских настройках есть не все доступные переменные и плюс некоторым удобнее передавать события на русском языке. Назвать их надо соответствующим образом.
Для того чтобы передавать больше данных одним тегом, необходимо создать пользовательскую переменную в которой эти данные объединятся.
В разделе «переменные» переходим в настройки и включаем все встроенные события доступные для отслеживания.
Теперь в разделе "переменные" создаем собственную переменную классом таблица поиска для передачи всех событий в GA.
Выбираем значение входной переменной {{Video Status}}.
Если переменная примет одно из значений «Входные данные» (start, pause и т.д.) то итоговое значение будет показываться из поля «Результат».
Если значение переменной {{Video Status}} не будет найдено среди таблицы поиска, то будет передаваться исходное значение по умолчанию. Пример «Входные данные» из {{Video Status}}.
Указываем одно поле входных данных «progress» и в результате подставляем переменную {{Video Percent}}%. Так будет подставляться указанный % просмотренного видео пользователями.
Затем переходим в раздел «Теги» и создаем тег типа «Google Analytics – Universal analytics».
Выбираем:
-Тип отслеживания «Событие»
-Категория «YouTube»
-Действие {{video_action}}
-Ярлык {{Video Title}} - {{Video URL}}
Вводите идентификатор отслеживания «UA-…»
В конце статьи будет ссылка на другой материал, где произведена визуализация этих данных в удобном отчете в Google Data Studio (далее GDS), где:
По параметру «Категория» можно отфильтровывать данные связанные с категорией события «YouTube» видео.
По параметру «Действие» можно просматривать что происходило с тем или иным видео, сколько % было просмотрено, как оно грузится и т.д. В итоге можно будет сделать вывод, что актуальнее или где есть проблемы с буферизацией.
По параметру «Ярлык» будет просматриваться название видео и страница на которой оно воспроизведено.
Выбираем триггер «Видео YouTube» с уже настроенной и дополненной пользовательской переменной.
Сохраняем тег и отправляем его на сайт.
Далее в GA Universal можно будет отслеживать эти события при последующей настройке целей.
Необходимо в разделе «Администратор» выбрать представление и перейти в раздел «Цели».
Добавить цель.
- 1- Шаг. Собственная цель.
- 2- Шаг. Указать название цели и выбрать тип «Событие».
- 3- Шаг. Указываем «Категорию» и «Действие» события. (Категорию ми указывали в GTM «YouTube», действие необходимо выбрать из переменной {{video_action}}, например «Начало просмотра»).
Проверить корректность настройки можно всегда в отчете «В режиме реального времени» в GA или c помощью «режима отладки» в GTM (при нажатии на кнопку просмотра видео должен срабатывать тег).
Кому-то этого будет достаточно, но получается для того, чтобы отслеживать каждое конкретное действие необходимо создавать отдельную цель. Что не очень удобно.
Поэтому в разделе 5 этой статьи я подробно описал на примере одного проекта как можно визуализировать в гистограмме Google Data Studio все события по многим видео расположенным на 1 сайте.
Вот статья:
Получается вот так:
Подготовил статью: Круглов Денис