Как отслеживать встроенные на сайте видео YouTube с помощью Google Tag Manager

В этой статье я покажу вам, как отслеживать видеоролики YouTube, встроенные на вашем сайте, в Google Analytics, используя Google Tag Manager. Я научу вас, как отслеживать людей, которые смотрят или ставят на паузу ваши видео и различать, смотрят ли они видео полностью либо останавливаются на половине. Делать это мы будем с помощью встроенной функции в Google Tag Manager — так что отправляемся в Google Tag Manager и погнали!

Сначала мы заходим во вкладку Переменные и жмём Настроить. Теперь скроллим в самый низ панели конфигурации. Здесь мы видим раздел Видео, где ставим все галочки.

Tracking YouTube

Теперь возвращаемся в панель Переменные и жмём кнопку Создать под надписью Пользовательские Переменные. Задаём любое имя и выбираем Собственный код JavaScript во вкладке Выберите тип переменной. Теперь копируем код в наш новый параметр. Этот код будет отслеживать статус видео со встроенным контентом, которые привлекают людей. Когда кто-либо просматривает видео или ставит его на паузу, он даёт определённый процент, или заканчивает просмотр, это даёт значение, которое мы отправляем в Google Analytics. Мы сразу добавим это в наш тэг, но сейчас нам нужно сохранить наш параметр.

function() {
var status = {{Video Status}};
switch (status) {
case ‘start’:
return ‘Play’;
case ‘pause’:
return ‘Pause’;
case ‘seek’:
return ‘Seeking’;
case ‘progress’:
return + {{Video Percent}} + ‘% Watched’;
case ‘complete’:
return ‘100% Watched’;
}
}

Ваша новая переменная должна выглядеть так.

Tracking YouTube with Google Tag Manager

Теперь мы выбираем вкладку Тэги и жмём кнопку Создать. Назовём тэг «Youtube». Мы должны выбрать Universal Analytics как тип тэга. Теперь выбираем Событие как тип отслеживания. Это означает, что мы отправим событие в Google Analytics, когда люди просматривают наши видео. Вводим YouTube как категорию события и выбираем Video Action как Действие. Это позволит получить значения из параметра, который мы только что создали, когда люди взаимодействуют с нашими видео. Теперь выбираем Video Title как Ярлык. У вас также есть опция выбора Video URL или вы можете выбрать оба.

Tracking YouTube with Google Tag Manager

Я просто хочу видеть заголовки каждого видео в своем отчете, поэтому я собираюсь придерживаться «Название видео». Мне нужно выбрать идентификатор отслеживания для «Настройки Google Analytics», и теперь пришло время настроить триггер.

Tracking YouTube with Google Tag Manager

Вам нужно выбрать YouTube Video в качестве триггера, а затем мы настроим триггер для отправки всех различных видео-взаимодействий в Диспетчере тегов Google, поскольку мы хотим сообщить, как далеко продвигаются люди через встроенные видео. Я собираюсь ввести 25, 50, 75 в процентах. Это позволит нам видеть, как много людей смотрят хотя бы 25, 50 или 75 процентов видео. Также это позволит нам видеть, как много людей смотрят видео до конца.

Tracking YouTube with Google Tag Manager

Я собираюсь выбрать «Поддержка JavaScript API для всех видео» — это поможет нам отследить в Google Analytics все видео, которые мы добавили на сайт. Теперь мы сохраняем триггер и тэг. В конечном счёте, нужно опубликовать тэг. Обновляем страницу и воспроизводим.

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

Если вам нужны доработки на сайте или новый сайт, свяжитесь со мной.

Можно еще почитать:

Лучшие плагины WordPress для push-уведомлений

Если вы считаете, что push-уведомления могут быть эффективными для удержания пользователей на вашем сайте WordPress,…

Права доступа к файлам WordPress: как их правильно настроить

Ищете оптимальные разрешения для файлов WordPress? Или не понимаете, какие права доступа к файлам нужны…

Как добавить события календаря Google из контактной формы WordPress

Вы хотите отправлять события из контактной формы WordPress прямо в Календарь Google? Возможно, вы используете…

Продвижение сети медицинских клиник в контекстной рекламе

Осенью 2019 года ко мне обратилась крупная сеть медицинских клиник за настройкой контекстной рекламы. Нужно…

Отслеживание конверсий WordPress: пошаговое руководство

Хотите добавить функции отслеживания конверсий на свой веб-сайт? Отслеживание конверсий поможет вам оценить эффективность ваших…

Как отображать контент из TikTok на своем сайте

В мире маркетинга социальных сетей постоянно говорят о новых платформах, на которых можно завоевать и…

Как исправить ошибку 403 Forbidden на своем сайте

Для оптимальной работы веб-сайтов требуется постоянное обслуживание и обновления. Иногда изменение чего-либо или даже неправильное…

Плагины интерактивных изображений и карт для WordPress

Область интерактивных изображений — отличный способ поднять ваш сайт на новый уровень. Их можно использовать…