Надсилання подій eSputnik в Google Analytics | Support eSputnik

Дані користувача

Email

Омніканальність

Автоматизація

Відстеження подій та поведінки

Надсилання подій з віджетів 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.

Іконка "Адміністратор"

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>

Налаштування 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.

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

Щоб переглянути аналітику в реальному часі в обліковому записі 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]

Статус заповнення форми (помилка підписки).

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

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

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

ID форм

Залишилися питання?
Спеціалісти обов'язково нададуть відповідь та допоможуть вирішити вашу проблему!
Зворотний дзвінок
Залишіть заявку – і наш спеціаліст зв'яжеться з вами в робочий час.
Відправити заявку
Консультація в чаті
Готові до ваших запитань!
Написати в чат
Електронна пошта
Напишіть в службу підтримки eSputnik.
Надіслати email