Надсилання подій з віджетів eSputnik до Google Analytics

Ви можете надсилати у свій акаунт Google Analytics (GA) дані про події, які пов’язані із взаємодією користувачів із вашими віджетами eSputnik.

eSputnik підтримує скрипти Universal Analytics і Google Analytics 4 для відстеження подій на вашому вебсайті. Вам необхідно встановити скрипт одним із наступних способів:

Після цього вам потрібно ввімкнути експорт даних подій віджетів до Google Analytics.

📘

Зверніть увагу

Рекомендуємо встановлювати скрипт Google Analytics 4, оскільки Google Universal Analytics припинить обробку даних починаючи з 1 липня 2023 року (1 липня 2024 року для Analytics 360).

Налаштування скрипту GA4 для вебсайту

Щоб налаштувати скрипт Google Analytics GA4 для вебсайту:

  1. У своєму обліковому записі GA натисніть іконку Адміністратор, щоб відкрити налаштування GA.
Іконка Адміністратор у налаштуваннях облікового запису GA
  1. Натисніть Створити → Ресурс.
Кнопка Створити та пункт Ресурс у GA
  1. У налаштуваннях ресурсу введіть його назву, виберіть країну, часовий пояс і валюту, а потім натисніть Далі.
Поля назви ресурсу, країни, часового поясу та валюти в GA
  1. Опишіть діяльність своєї компанії — вкажіть категорію галузі, розмір компанії.
Поля категорії галузі та розміру компанії в налаштуваннях GA

Далі виберіть бізнес цілі та натисніть Створити.

Вибір бізнес-цілей і кнопка Створити в GA
  1. У меню створеної властивості виберіть Веб платформу.
Вибір платформи Веб для створеної властивості GA
  1. Введіть URL-адресу вебсайту та назву потоку у відповідних полях, а потім натисніть Створити й продовжити.
Поля URL-адреси сайту та назви потоку в GA
  1. У меню Деталі про вебпотік, натисніть значок копіювання поруч із Ідентифікатором показника.
Значок копіювання Ідентифікатора показника в деталях вебпотоку
  1. Перейдіть на свій вебсайт і вставте наступний код після тегу <head>, в якому замініть MEASUREMENT_ID на код, скопійований на попередньому кроці.
<!-- Google Analytics -->
   <!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id={MEASUREMENT_ID}"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', '{MEASUREMENT_ID}');
</script>

Налаштування GA4 з GTM

Перш ніж перейти до налаштування GA4 за допомогою GTM, вам необхідно:

  1. Створити обліковий запис GTM і контейнер, дотримуючись цих інструкцій.
  2. Дотримуйтесь інструкцій зі встановлення Менеджера тегів Google (GTM) на вебсторінці.

Щоб налаштувати Google Analytics 4 (GA4) за допомогою GTM:

  1. Виконайте кроки з 1 по 6, описані в розділі Налаштування скрипту GA4 для вебсайту.
  2. У Менеджері тегів виберіть Теги в меню ліворуч та натисніть Створити.
Пункт Теги в меню Менеджера тегів Google і кнопка Створити
  1. Введіть назву тегу, встановіть наступну конфігурацію та активацію тегу, а потім натисніть Зберегти.
  • Виберіть Google Analytics: подія Google Analytics 4 для типу тегу.
  • Введіть Ідентифікатор показника, який скопіювали на кроці 7 цієї інструкції.
  • Виберіть All pages для тригерів активації.
Налаштування тегу подій Google Analytics 4 у Менеджері тегів
  1. У меню ліворуч виберіть Тригери, а потім Створити, щоб створити новий тригер.
Пункт Тригери в меню Менеджера тегів і кнопка Створити
  1. Введіть назву тригера та клікніть на панелі Конфігурація тригера.
Поле назви тригера та панель Конфігурація тригера
  1. Встановіть наступну конфігурацію, а потім натисніть Зберегти.
  • Виберіть Спеціальна подія для типу тригера.
  • Введіть esputnik як назву події.
  • Виберіть Усі користувацькі події для активації цього тригера.
Налаштування тригера типу Спеціальна подія esputnik
  1. Виберіть Змінні в меню ліворуч та натисніть Створити на вкладці Спеціальні змінні.
Пункт Змінні в меню Менеджера тегів і вкладка Спеціальні змінні
  1. Введіть назву змінної та клікніть на панелі Конфігурація змінної.
Поле назви змінної та панель Конфігурація змінної
  1. Задайте наступну конфігурацію змінної, а потім натисніть Зберегти.
  • Тип змінної.
  • Ім'я змінної рівня даних
  • Версія рівня даних
Налаштування типу змінної рівня даних та її версії

Ви маєте створити 3 змінні з наступними параметрами:

Тип змінноїНазва змінної рівня данихВерсія рівня даних
Змінна рівня данихeventActionВерсія 2
Змінна рівня данихeventCategoryВерсія 2
Змінна рівня данихeventLabelВерсія 2
  1. Оберіть Теги в меню ліворуч та створіть новий тег із наступною конфігурацією, а потім натисніть Зберегти.
  • Виберіть Google Analytics: подія GA4 для типу тегу.
  • Виберіть тег, який ви створили на кроці 3, як тег конфігурації.
  • Введіть esputnik як назву події.
  • У Параметрах події введіть параметри та їхні значення, створені на кроках 8 і 9.
  • У тригерах запуску виберіть створену подію esputnik event.
Налаштування тегу події GA4 з параметрами esputnik event
  1. Натисніть Надіслати на верхній панелі.
Кнопка Надіслати на верхній панелі Менеджера тегів

Увімкнення експорту даних до GA про події у віджетах 

Щоб увімкнути передачу даних віджета:

  1. У своєму акаунті eSputnik, натисніть СайтВіджети та виберіть тип віджета в меню ліворуч.
  1. Виберіть віджет, події якого хочете експортувати
  2. У меню віджетів виберіть Інтеграції та ввімкніть кнопку Експортувати дані в Google Analytics.

Усі дані про події, зібрані для цього віджета, будуть автоматично передані до вашого акаунту GA.

Перегляд аналітики в реальному часі

Щоб переглянути аналітику в реальному часі в обліковому записі GA:

  1. Виберіть ЗвітиУ реальному часі в меню ліворуч.
Пункт Звіти → У реальному часі в меню GA
  1. На панелі Підрахунок подій за назвою події виберіть esputnik у стовпці Назва події.

Відобразиться перелік параметрів події. Натисніть їх, щоб переглянути події.

Панель Підрахунок подій за назвою події з параметрами події esputnik

Деталі виділених параметрів приведені в наступній таблиці.

ПараметрОпис
eventActionМістить події, описані в розділі Категорії та дії події.
eventCategoryТип віджета.
eventLabelІдентифікатор віджета.

Категорії та дії подій

GA відображає події eSputnik у таблиці, як показано нижче.

Таблиця подій eSputnik у Google Analytics

У стовпчику Категорія події містяться описи типу віджета/форми. Пояснення описів надається в наступній таблиці.

Тип віджета/формиОпис
BUILT_INВбудована форма/віджет
DETACHEDПопап
FLOATING_BOXПлаваюча форма
LAUNCHERЛаунчер
CONTENT_LOCKERМодальне вікно

У стовпчику Дія події у GA міститься тип дій, виконаних у віджеті. Вони пояснюються в таблиці нижче.

Дія подіїОпис
LauncherShow_[ID]Кнопка запуску відображається на вебсайті.
LauncherClick_[ID]Кнопку запуску натиснуто.
FormShow_[ID]Форма відображається на вебсайті.
FormClose_[ID]Відвідувач сайту закрив форму.
FormStartFilling_[ID]Відвідувач сайту почав заповнювати форму.
FormFinish_[ID]Відвідувач сайту заповнив форму підписки (натиснув Підписатися, немає помилок перевірки форми).
FormSuccessSubscribe_[ID]Статус заповнення форми (успішна підписка).
FormAlreadySubscribe_[ID]Статус заповнення форми (уже підписаний).
FormErrorSubscribe_[ID]Статус заповнення форми (помилка підписки).
FormButtonClick_[ID]Відвідувач сайту клікнув на кнопці форми.
FormClick_[ID]Відвідувач сайту клікнув у будь-якому місці форми.

[ID] частина подій для певного віджета, який надсилає свої дані до GA, має таку структуру: f(форма){id}v(варіант){id}, де f(форма){id} — ID форми, а v(варіант){id} — ID варіанта форми.

Наприклад, FormShow_f781v781 у вашій таблиці GA означає, що на сайті відображалася форма з ID 781 та з ID варіанта 781.

ID форми відображається в eSputnik на сторінці форм у колонці ID.

Інтеграція з Facebook Pixel

📘

Зверніть увагу

Прямої вбудованої інтеграції з Facebook Pixel немає. Як обхідний варіант: у момент успішного надсилання форми віджета eSputnik передає подію GA з eventAction: FormSuccessSubscribe_[ID] (переконайтеся, що для цього віджета ввімкнено Експортувати дані в Google Analytics). Якщо ви використовуєте Google Tag Manager, ця подія спрацьовує на боці клієнта, і ви можете налаштувати в GTM запуск події конверсії Facebook Pixel на основі неї. Facebook все одно потребує даних про особу та джерело переходу відвідувача, який здійснив конверсію, щоб коректно атрибутувати її, — зіставлення відвідувача, що прийшов з Facebook, із надсиланням форми віджета потрібно налаштувати самостійно через GTM. Наразі немає способу збагатити контакт інформацією про те, яка саме реклама чи кампанія Facebook привела його на сайт, якщо використовується власний потік переходів Facebook на сайт (click-to-website).

Порівняння кліків віджета з сесіями GA4

📘

Зверніть увагу

Google Analytics 4 не відстежує кліки на кнопці закриття віджета (X) — сесія чи перегляд сторінки фіксується лише тоді, коли відвідувач справді переходить за посиланням з UTM-міткою всередині віджета. Власна статистика кліків віджета eSputnik враховує кліки на кнопці закриття на додачу до переходів за посиланнями, тому кількість кліків у статистиці віджета може бути вищою за кількість сесій у GA4 для того самого віджета.


Did this page help you?