Відстеження взаємодії з відео за допомогою Google Tag Manager

Відстеження взаємодії з відео за допомогою Google Tag Manager

Виробництво відео – задоволення не з дешевих. І якщо ви його зробили, то добре зрозуміти, як користувачі з ним взаємодіють. Якщо ви використовуєте у своїй роботі Google Tag Manager, то зробити це не важко.

Для налаштування нам знадобиться:

  1. Тригер типу YouTube Video (Відео YouTube)
  2. Вбудовані змінні з категорії Відео
  3. Змінна типу Таблиця пошуку для об’єднання даних про дії користувача
  4. Тег для передачі даних про події в Google Analytics

Тригер типу YouTube Video (Відео YouTube)

Розробники Google Tag Manager постаралися на славу. Створений тригер відстежує більшість дій користувача. Він також чудово працює як із відео, які завантажуються відразу на сторінці, так і з відео, які динамічно підвантажуються після дії користувача.

Щоб створити новий тригер, виберіть потрібний тип у розділі User Engagement (Взаємодія користувача).Тригер типу YouTube Video у GTM

Налаштування можемо умовно поділити на 4 етапи:

  • Вибір дій, які хочемо відстежувати. Як я вже писав вище, тригер дозволяє відстежити величезну кількість дій. Для активації вам необхідно відзначити потрібні.
  1. Start (Початок) – Відстежує момент початку перегляду відео.
  2. Complete (Завершення) – Передається, коли користувач досягає кінця відео.
  3. Pause, Seeking and Buffering (Припинення, перемотування, буферизація) – Якщо відео ставиться на паузу, користувач переміщає смугу прокручування або відбувається буферизація відео відповідно.
  4. Progress (Хід перегляду) – Тригер спрацьовує, коли відео досягає певного часового чи відсоткового порога. Поріг можна вказати самостійно у відповідному полі. Якщо необхідно вказати кілька значень, перерахуйте їх через кому.
  • Додавання підтримки JavaScript API до всіх відео. Включає YouTube iFrame Player API . Після цього до всіх URL відеопрогравача YouTube буде додано параметр enablejsapi зі значенням 1.

ВАЖЛИВО! При використанні цього параметра відео буде перезавантажуватись і користувачі можуть побачити мерехтіння.

  • Момент включення тригера. У цьому пункті можна вибрати момент, коли тригер повинен активуватися. Якщо не знаєте, яке значення вибрати – використовуйте Window Load. Більш детально про події завантаження сторінки можете почитати у статті на цьому блозі.
  • Додаткові умови спрацьовування тригера. Якщо ви хочете використовувати додаткові умови для тригера, пропишіть їх у цьому блоці.Етапи налаштування тригера YouTube Video у GTM

Вбудовані змінні з категорії Відео

У кожній із зазначених змінних зберігається додаткова інформація, яка може бути використана вами:Вбудовані змінні з категорії Відео в GTM

  • Video Provider – інформація про платформу, на якій розміщено відео. Зараз доступний лише YouTube. Але це говорить нам про те, що надалі будуть інші платформи.
  • Video Status – один із наступних статусів відео: ‘start’, ‘complete’, ‘pause’, ‘seek’, ‘buffering’ або ‘progress’. Перед цим обов’язково потрібно увімкнути відповідний статус у налаштуваннях тригера.
  • Video URL – вихідна URL-адреса вбудованого відео.
  • Video Title – заголовок вбудованого відео.
  • Video Duration – загальна тривалість відео в секундах.
  • Video Current Time – позначка часу, яка була в момент здійснення події користувачем.
  • Video Percent – відсоткова позначка, яка була в момент здійснення події користувачем.
  • Video Visible – приймає значення true або false залежно від того, чи видно відео в області перегляду.

Всі ці змінні одержують свої значення з рівня даних :Інформація про подію Відео в dataLayer

Змінна для об’єднання даних про дії з відео

Рішення зі змінною є свого роду обхідним шляхом. Ви вже встигли помітити, що вбудованих змінних, у яких зберігається інформація про подію з відео, досить багато. Тому ми об’єднаємо кілька значень, щоб передати більше інформації в Google Analytics.

Нам знадобиться змінна типу Lookup Table (Таблиця пошуку) з наступними налаштуваннями:Змінна Lookup Table для об'єднання даних про дії з відео Працює це так:

  1. Аналізуємо значення змінної Video Status.
  2. Якщо статус дорівнює progress, то додаємо до цього значення відсоток переглянутого відео на момент події.
  3. В іншому випадку повертаємо значення змінної Video Status без змін.

Звичайно, таку логіку можна зробити за допомогою JS. Тут уже як комусь зручніше. Як результат, тепер ми бачимо детальнішу інформацію про подію Progress.Детальна інформація про подію Progress у користувацькій змінній

Тег для передачі даних про події в Google Analytics

Тепер залишилося скласти всі наші дані в тезі події Google Analytics і можна пити каву. Налаштування виглядають так:Тег для передачі даних про подію перегляду відео в Google Analytics

  • Категорія події – YouTube.
  • Дія – вказуємо нашу змінну створену на попередньому етапі.
  • Ярлик – передаємо назву та посилання на відео.

Вказуємо змінну з налаштуваннями Google Analytics у відповідному полі та не забуваємо додати тригер, створений на першому кроці.

Замість висновку

Спосіб, описаний у цій статті, хоч і дозволяє відстежити безліч дій з відео, але все ж таки має деякі неточності. Наприклад, подія Progress відноситься до всієї довжини відео. Іншими словами, користувачеві не обов’язково дивитися відео безперервно для активації цієї події. Йому достатньо лише переглянути відео в момент досягнення порогового значення.

Другий момент, на якому хотілося б акцентувати увагу, – це відстеження відео, яке завантажується і впроваджується після початкового завантаження сторінки. Тригер підтримує відстеження таких відеороликів, але для цього переконайтеся, що сторінка завантажує бібліотеку API YouTube. Зробити це можна за допомогою наступного фрагмента коду:

<script src="https://www.youtube.com/iframe_api"></script>

Якщо потрібна бібліотека не підвантажується – ви можете підключити її з допомогоютега типу Користувальницький HTML:Тег типу Користувальницький HTML для підключення бібліотеки API YouTube

В одній із наступних статей я розповім, як відстежувати відео з інших платформ. Якщо вам ця тема актуальна – напишіть назву платформи в коментарях.