Надсилання подій з віджетів 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 для вебсайту:
1. У своєму обліковому записі GA натисніть іконку “Адміністратор”, щоб відкрити налаштування GA.
2. Натисніть “Створити” → “Ресурс”
3. У налаштуваннях ресурсу введіть його назву, виберіть країну, часовий пояс і валюту, а потім натисніть “Далі”.
4. Опишіть діяльність своєї компанії — вкажіть категорію галузі, розмір компанії.
Далі виберіть бізнес цілі та натисніть “Створити”.
5. У меню створеної властивості виберіть “Веб” платформу.
6. Введіть URL-адресу вебсайту та назву потоку у відповідних полях, а потім натисніть “Створити й продовжити”.
7. У меню “Деталі про вебпотік”, натисніть значок копіювання поруч із “Ідентифікатором показника”.
8. Перейдіть на свій вебсайт і вставте наступний код після тегу <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>JavaScript
Налаштування GA4 з GTM
Перш ніж перейти до налаштування GA4 за допомогою GTM, вам необхідно:
1. Створити обліковий запис GTM і контейнер, дотримуючись цих інструкцій.
2. Дотримуйтесь інструкцій зі встановлення Менеджера тегів Google (GTM) на вебсторінці.
Щоб налаштувати Google Analytics 4 (GA4) за допомогою GTM:
1. Виконайте кроки з 1 по 6, описані в розділі "Налаштування скрипту GA4 для вебсайту".
2. У “Менеджері тегів” виберіть “Теги” в меню ліворуч та натисніть “Створити”.
3. Введіть назву тегу, встановіть наступну конфігурацію та активацію тегу, а потім натисніть “Зберегти”.
- Виберіть “Google Analytics: подія Google Analytics 4” для типу тегу.
- Введіть “Ідентифікатор показника”, який скопіювали на кроці 7 цієї інструкції.
- Виберіть “All pages” для тригерів активації.
4. У меню ліворуч виберіть “Тригери”, а потім “Створити”, щоб створити новий тригер.
5. Введіть назву тригера та клікніть на панелі “Конфігурація тригера”.
6. Встановіть наступну конфігурацію, а потім натисніть “Зберегти”.
- Виберіть “Спеціальна подія” для типу тригера.
- Введіть esputnik як назву події.
- Виберіть “Усі користувацькі події” для активації цього тригера.
7. Виберіть “Змінні” в меню ліворуч та натисніть “Створити” на вкладці “Спеціальні змінні”.
8. Введіть назву змінної та клікніть на панелі “Конфігурація змінної”.
9. Задайте наступну конфігурацію змінної, а потім натисніть “Зберегти”.
- Тип змінної.
- Ім'я змінної рівня даних
- Версія рівня даних
Ви маєте створити 3 змінні з наступними параметрами:
| Тип змінної | Назва змінної рівня даних | Версія рівня даних |
|---|---|---|
| Змінна рівня даних | eventAction | Версія 2 |
| Змінна рівня даних | eventCategory | Версія 2 |
| Змінна рівня даних | eventLabel | Версія 2 |
10. Оберіть “Теги” в меню ліворуч та створіть новий тег із наступною конфігурацією, а потім натисніть “Зберегти”.
- Виберіть “Google Analytics: подія GA4” для типу тегу.
- Виберіть тег, який ви створили на кроці 3, як тег конфігурації.
- Введіть esputnik як назву події.
- У “Параметрах події” введіть параметри та їхні значення, створені на кроках 8 і 9.
- У тригерах запуску виберіть створену подію esputnik event.
11. Натисніть “Надіслати” на верхній панелі.
Увімкнення експорту даних до GA про події у віджетах
Щоб увімкнути передачу даних віджета:
1. У своєму акаунті eSputnik, натисніть “Сайт” → “Віджети” та виберіть тип віджета в меню ліворуч.
2. Виберіть віджет, події якого хочете експортувати
3. У меню віджетів виберіть “Інтеграції” та ввімкніть кнопку “Експортувати дані в Google Analytics”.
Усі дані про події, зібрані для цього віджета, будуть автоматично передані до вашого акаунту GA.
Перегляд аналітики в реальному часі
Щоб переглянути аналітику в реальному часі в обліковому записі GA:
1. Виберіть “Звіти” → “У реальному часі” в меню ліворуч.
2. На панелі “Підрахунок подій за назвою події” виберіть 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.
