Отправка событий из форм подписки в 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 Аналитика: событие GA4” для типа тега.
- Введите идентификатор потока данных, скопированный на шаге 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.
