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

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

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

Налаштування скрипту GA4 для сайту (безпосередньо в коді сайту).
Налаштування GA4 з GTM.

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

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

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

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

У своєму обліковому записі GA натисніть іконку Адміністратор, щоб відкрити налаштування GA.

Натисніть Створити → Ресурс.

У налаштуваннях ресурсу введіть його назву, виберіть країну, часовий пояс і валюту, а потім натисніть Далі.

Опишіть діяльність своєї компанії — вкажіть категорію галузі, розмір компанії.

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

У меню створеної властивості виберіть Веб платформу.

Введіть URL-адресу вебсайту та назву потоку у відповідних полях, а потім натисніть Створити й продовжити.

У меню Деталі про вебпотік, натисніть значок копіювання поруч із Ідентифікатором показника.

Перейдіть на свій вебсайт і вставте наступний код після тегу <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, вам необхідно:

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

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

Виконайте кроки з 1 по 6, описані в розділі Налаштування скрипту GA4 для вебсайту.
У Менеджері тегів виберіть Теги в меню ліворуч та натисніть Створити.

Введіть назву тегу, встановіть наступну конфігурацію та активацію тегу, а потім натисніть Зберегти.

Виберіть Google Analytics: подія Google Analytics 4 для типу тегу.
Введіть Ідентифікатор показника, який скопіювали на кроці 7 цієї інструкції.
Виберіть All pages для тригерів активації.

У меню ліворуч виберіть Тригери, а потім Створити, щоб створити новий тригер.

Введіть назву тригера та клікніть на панелі Конфігурація тригера.

Встановіть наступну конфігурацію, а потім натисніть Зберегти.

Виберіть Спеціальна подія для типу тригера.
Введіть esputnik як назву події.
Виберіть Усі користувацькі події для активації цього тригера.

Виберіть Змінні в меню ліворуч та натисніть Створити на вкладці Спеціальні змінні.

Введіть назву змінної та клікніть на панелі Конфігурація змінної.

Задайте наступну конфігурацію змінної, а потім натисніть Зберегти.

Тип змінної.
Ім'я змінної рівня даних
Версія рівня даних

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

Тип змінної	Назва змінної рівня даних	Версія рівня даних
Змінна рівня даних	eventAction	Версія 2
Змінна рівня даних	eventCategory	Версія 2
Змінна рівня даних	eventLabel	Версія 2

Оберіть Теги в меню ліворуч та створіть новий тег із наступною конфігурацією, а потім натисніть Зберегти.

Виберіть Google Analytics: подія GA4 для типу тегу.
Виберіть тег, який ви створили на кроці 3, як тег конфігурації.
Введіть esputnik як назву події.
У Параметрах події введіть параметри та їхні значення, створені на кроках 8 і 9.
У тригерах запуску виберіть створену подію esputnik event.

Натисніть Надіслати на верхній панелі.

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

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

У своєму акаунті eSputnik, натисніть Сайт → Віджети та виберіть тип віджета в меню ліворуч.

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

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

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

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

Виберіть Звіти → У реальному часі в меню ліворуч.

На панелі Підрахунок подій за назвою події виберіть esputnik у стовпці Назва події.

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

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

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

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

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

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

Тип віджета/форми	Опис
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.

Updated 2 months ago