Надсилання подій з віджетів 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 | Тип віджета. |
| eventLabel | Ідентифікатор віджета. |
Категорії та дії подій
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.

Інтеграція з 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 для того самого віджета.
Updated 21 days ago