Как отслеживать встроенные на сайте видео 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. И мы не добавили или не модифицировали какой-либо код на нашем сайте.

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

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

Как добавить уведомление о согласии на использование файлов cookie

Что такое куки? Файлы cookie представляют собой небольшие файлы с данными о пользователях, которые ваш…

Как настроить сайт курса с помощью LearnDash и Elementor

Мы все вносим изменения из-за пандемии, в которой мы оказались в условиях неопределенности вокруг нас…

GloriaFood: бесплатная тема WordPress для ресторанов с онлайн-заказами

Вы ищете надежную и хорошую тему сайта для ресторана WordPress? Хотите обновить свой веб-сайт до…

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

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

Лучшие плагины Pinterest для WordPress

Один взгляд на огромное количество премиальных и бесплатных плагинов Pinterest  для WordPress, который должен рассказать…

WordPress Multisite и WooCommerce Multisite: обзор

WordPress Multisite и WooCommerce Multisite — это мощные программы, которые вы можете использовать в тандеме…

Развитие бизнеса в Pinterest: всё, что нужно знать

Что такое Pinterest? Ориентированная на женщин социальная платформа, где люди планируют нереальные свадьбы, домашние интерьеры…

Лучшие плагины опросов для WordPress

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