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

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

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

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

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

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

Вы хотите добавить форму заявки на вакансию на свой веб-сайт WordPress? Часто малые предприятия не…

Как скопировать сайт WordPress из одного домена в другой

Есть случаи, когда вам нужно переместить сайт WordPress в новый домен. Возможно, вы хотите перенести…

Руководство по управлению базами данных WordPress с phpMyAdmin

WordPress написан с использованием PHP в качестве языка сценариев и MySQL в качестве системы управления…

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

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

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

Глобальная пандемия COVID-19 вынудила многие компании переключиться с физических мероприятий на виртуальные. С другой стороны,…

Лучшие мультиязычные плагины для WordPress

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

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

Вы ищете лучшие плагины WordPress для гивэвеев для своего сайте? Бесплатные плагины для гивэвеев позволяют…