Как отслеживать встроенные на сайте видео 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

Вы сделали серьезные обновления на своем веб-сайте, но они не отображаются в реальном времени. Что…

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

Компания, у которой есть лицо — это компания с доверием. Возможность связать одно или несколько…

Как отобразить галерею NFT на вашем сайте

В прошлом году NFT были повсюду в Интернете. Если вы один из тех, кто увидел…

Обзор темы TaskHive: запуск сайта торговой площадки с WordPress

TaskHive — это новая тема WordPress, которая упрощает создание веб-сайтов в стиле рынка услуг, таких…

Плагин AffiliateWP — лучший плагин партнерства для WordPress

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

Как продавать билеты на мероприятия онлайн с помощью WordPress

Вы хотите, чтобы люди могли легко покупать билеты на мероприятия прямо на вашем сайте? Продавая…

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

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

Как остановить и предотвратить DDoS-атаку на WordPress

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