Отправка событий eSputnik в Google Analytics

Пользовательские данные

Email

Омниканальность

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

Отправка событий из форм подписки в 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: Конфигурация 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.

Просмотр аналитики в реальном времени

Чтобы просмотреть аналитику в реальном времени в аккаунте GA:

1. Выберите “Отчеты” → “В реальном времени” в меню слева.

Выбор просмотра в реальном времени

2. На панели “Подсчет событий по названию события” выберите sputnik в столбце “Название события”.

Отобразится список параметров события. Нажмите их для просмотра событий.

Параметры события

Подробное описание выделенных параметров приведено в следующей таблице. 

Параметр Описание
eventAction Содержит события, описанные в разделе "Категории и действия событий".
eventCategory Тип виджета.
eventLable Идентификатор виджета.

Категории и действия событий

GA отображает события eSputnik в таблице, как показано ниже.

Таблица GA

В столбце "Категория события" содержатся описания типа виджета/формы. Их описание приведено в следующей таблице. 

Тип виджета/форми 

Описание

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