Как отслеживать встроенные на сайте видео 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 — самый популярный в мире движок веб-сайтов, он поддерживает более 33% всех веб-сайтов в…

Как настроить страницу со списком вакансий для простого найма в WordPress

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

Как очистить кеш WordPress

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

Плагины WordPress для визуализации данных (диаграммы и инфографика)

Хотите, чтобы на вашем веб-сайте отображались красочные диаграммы, графики, пиктограммы или инфографика? Визуализация данных облегчает…

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

Планировать контент легко, но придерживаться этого плана — настоящая проблема. В эту конкурентную эпоху решающее…

Как вставить видео из TikTok в WordPress

Хотите легко вставить видео из TikTok на свой сайт WordPress? По умолчанию WordPress упрощает встраивание…

Продвижение установки ГБО в Яндекс Директ

Осенью 2022 года ко мне обратился руководитель компании по установке газобаллонного оборудования в небольшом городе.…

Лучшие плагины прямой трансляции для WordPress

Вы ищете лучший плагин прямой трансляции для своего веб-сайта? Прямая трансляция — это модный способ…