Перші кроки
Відстеження подій та поведінки
- Отримання та встановлення скрипта веб-трекінгу
- Налаштування трекінгу прив'язкою до селекторів сайту
- Налаштування та використання вебтрекінгу для персоналізації контенту на сайті та в розсилках
- Налаштування Web Tracking методом відправлення подій через JavaScript
- Передавання даних про поведінку відвідувачів сайту через REST API
Дані користувача
- Огляд адаптивного email-редактора
- Cтворення оформлення для листа
- Створення синхронізованих модулів
- Налаштування адаптивності
- Налаштування Smart-елементів
- Оформлення промовкладки для Gmail
- Додавання Rolloverʼа
- Додавання фону до листа
- Додавання анкорних посилань
- Бібліотека блоків (Модулі)
- Додавання таблиці до листа
- Додавання кастомних шрифтів
- Додавання кастомних іконок соцмереж
- Створення кнопки СТA
- Робота з блоком "Зображення"
Омніканальність
- SDK для мобільних застосунків
- Керування ключами доступу до мобільного SDK
- Підключення мобільного додатка
- Створення Google проекту для Mob Push
- Створення мобільних push-повідомлень
- Налаштування аналітики доставлень та кліків
- Планування мобільних push-повідомлень
- Налаштування універсальних посилань (deeplinks & Universal links)
- Звіти за мобільними push-розсилками
Автоматизація
Персоналізація
- Підстановка промокоду з файлу
- Підстановка промокоду з використанням API
- Принципи генерації промокодів за допомогою PHP/JAVA
- Підстановка промокоду за допомогою персоналізації
- Завантаження промокодів для використання в сценарії
- Генерація промокодів у сценарії
- Відправлення промокоду за допомогою передпроцесора
- HTTP-запит для передачі промокоду з повідомлення до картки контакту
Аналітика
Товарні рекомендації
API
- Інтеграція з API — найчастіші питання
- API-ключі
- Ресурси API для додавання контактів
- Використання API-ресурсу Generate event
- Передача замовлень API-ресурсом Generate event
- Отримання рекомендацій щодо API ресурсом Contact recommendations based on web tracking
- Використання API-ресурсу Send prepared message
Зміна системи
Документи
Інтеграція
Надсилання подій з віджетів 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>
Налаштування GA4 з GTM
Перш ніж перейти до налаштування GA4 за допомогою GTM, вам необхідно:
1. Створити обліковий запис GTM і контейнер, дотримуючись цих інструкцій.
2. Дотримуйтесь інструкцій зі встановлення Менеджера тегів Google (GTM) на вебсторінці.
Щоб налаштувати Google Analytics 4 (GA4) за допомогою GTM:
1. Виконайте кроки з 1 по 6, описані в розділі Налаштування скрипту GA4 для вебсайту.
2. У Менеджері тегів, виберіть «Теги» в меню ліворуч та натисніть «Новий», щоб створити новий тег.
3. У висувному вікні введіть назву тегу, встановіть наступну конфігурацію та активацію тегу, а потім натисніть «Зберегти».
- Виберіть Google Analytics: Конфігурація GA4 для типу тегу.
- Введіть ідентифікатор потоку даних, який скопіювали на кроці 7 цієї інструкції.
- Виберіть Усі сторінки для тригерів активації.
4. У бічному меню ліворуч виберіть Тригери, а потім Створити, щоб створити новий тригер.
5. У висувному вікні введіть назву тригера та клацніть на панелі «Конфігурація тригера».
6. Встановіть наступну конфігурацію у вікні конфігурації тригера, а потім натисніть «Зберегти».
- Виберіть «Спеціальна подія» для типу тригера.
- Введіть sputnik як назву події.
- Виберіть «Усі спеціальні події» для активації цього тригера.
7. Натисніть на «Змінні» в меню ліворуч та оберіть «Створити» на панелі «Визначені користувачем змінні».
8. У висувному вікні введіть назву конфігурації та клацніть на панелі «Конфігурація змінної».
9. Задайте наступну конфігурацію змінної, а потім натисніть «Зберегти».
- Тип змінної
- Назва змінної рівня даних
- Версія рівня даних
Ви маєте створити 3 змінні з наступними параметрами:
| Тип змінної | Назва змінної рівня даних | Версія рівня даних |
|---|---|---|
| Змінна рівня даних | eventAction | Версія 2 |
| Змінна рівня даних | eventCategory | Версія 2 |
| Змінна рівня даних | eventLabel | Версія 2 |
10. Оберіть «Теги» в меню ліворуч та створіть новий тег із наступною конфігурацією, а потім натисніть «Зберегти».
- Виберіть «Google Analytics: подія GA4» для типу тегу.
- Виберіть тег, який ви створили на кроці 3, як тег конфігурації.
- Введіть sputnik як назву події.
- У «Параметрах події» введіть параметри та їхні значення, створені на кроках 8 і 9.
- У тригерах запуску виберіть створену подію sputnik event.
11. Натисніть «Надіслати» на верхній панелі.
Увімкнення експорту даних до GA про події у віджетах
Щоб увімкнути передачу даних віджета:
1. У своєму акаунті eSputnik, натисніть Сайт → Віджети та виберіть тип віджета в меню ліворуч.
2. Виберіть віджет, події якого хочете експортувати
3. У меню віджетів виберіть «Інтеграції» та ввімкніть кнопку «Експортувати дані в Google Analytics».
Усі дані про події, зібрані для цього віджета, будуть автоматично передані до вашого акаунту GA.
Перегляд аналітики в реальному часі
Щоб переглянути аналітику в реальному часі в обліковому записі GA:
1. Виберіть Звіти → У реальному часі в меню ліворуч.
2. На панелі «Підрахунок подій за назвою події» виберіть sputnik у стовпці «Назва події».
Відобразиться перелік параметрів події. Натисніть їх, щоб переглянути події.
Деталі виділених параметрів приведені в наступній таблиці.
| Параметр | Опис |
|---|---|
| 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.
