Примеры разметки и отправки событий

Краткое содержание

Отправлять события можно:

• Через dataLayer
• Через команды (mm), если не используется dataLayer

Создание dataLayer
DataLayer — это промежуточный массив, через который сайт передает данные в МТС Тег. Данные автоматически отправляются в МТС Аналитику, если включена соответствующая опция в Web SDK и параметры в dataLayer.push соответствуют именам параметров МТС Аналитики.

Разметка будет считываться автоматически из dataLayer, только если:

1. В Web SDK включена соответствующая опция.
2. Наименования параметров в dataLayer.push строго соответствуют именам параметров МТС Аналитики.

Отправка событий
События должны быть размечены по формату МТС Аналитики. Если сайт уже размечен, но не по требуемому формату — выполните форматирование. Как это сделать.

Клик по кнопке
Примеры кода для отправки события через dataLayer и mm(). Статистика события доступна в отчёте «События».

Успешная авторизация
Примеры кода для отправки события через dataLayer и mm(). Статистика события доступна в отчёте «События».

Добавление в корзину
Примеры кода для отправки события через dataLayer и mm(). Статистика события доступна в отчёте «События».

Просмотр страницы (scrn)
Пример кода для отправки события через dataLayer.

Отправлять события можно:

• Способ 1. Через dataLayer

• Способ 2. Через команды (mm), если не используете dataLayer

Создание dataLayer

Уровень данных (dataLayer) – это массив объектов, который хранит и передает информацию с вашего сайта в МТС Тег. Затем эти данные можно передавать в МТС Аналитику.

Проще говоря

DataLayer – это промежуточное звено, через которое сайт и МТС Тег обмениваются информацией. Сайт добавляет событие в dataLayer, МТС Тег читает данные из dataLayer и запускает выполнение триггеров.

Польза

Необходимо один раз добавить отправку событий в dataLayer, и они будут передаваться в МТС Аналитику без ручных действий разработчиков. Это экономит ресурсы и автоматизирует сбор данных.

Разметка будет считываться автоматического из dataLayer, только если:

1. В Web SDK включена соответствующая опция.
2. Наименования параметров в dataLayer.push строго соответствуют именам параметров МТС Аналитики.

Чтобы создать даталеер, добавьте код со структурой разметки МТС Аналитики на сайт. Пример:

window.dataLayer = window.dataLayer || [];
dataLayer.push({
    event: "vntLogin",
    eventCategory: "avtorizaciya",
    eventAction: "success",
    eventLabel: "ok",
    userId: "userId12345",
    userAuth: "1",
    "interactionType": "interaction" 
});

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

Очень важно

Чтобы видеть статистику по событиям разметки в МТС Аналитике, эти события должны быть размечены по формату МТС Аналитики.

Если ваш сайт уже размечен, но не по требуемому формату, — сделайте форматирование. Как это сделать

Клик по кнопке

Через dataLayer

dataLayer.push({
  'event': 'vntLab',
  'eventCategory': 'product_card',
  'eventAction': 'click',
  'eventLabel': 'buy_button',
  'userAuth': '0',
  'interactionType': 'interactions'
});

Через mm()

mm('message', 'click_buy_button',{
   'eventCategory': 'product_card', 
   'eventAction': 'click', 
   'eventLabel': 'buy_button', 
   'userAuth': '0’, 
   'interactionType': 'interactions'
}) 

Статистика события

Пример сегмента пользователей, которые кликнули на товар из отчёта «События»

Успешная авторизация

Через dataLayer

dataLayer.push({
  'event': 'vntLogin',
  'eventCategory': 'avtorizaciya',
  'eventAction': 'confirmed',
  'eventLabel': 'uspeshnaya_avtorizaciya',
  'userId': userData.userId,
  'userAuth': '1',
  'interactionType': 'conversions'
});

Через mm()

mm('message', 'avtorizaciya_confirmed',{
   'eventCategory':'avtorizaciya',
   'eventAction':'confirmed',
   'eventLabel':'uspeshnaya_avtorizaciya',
    'userId': 'userId12345',
    'userAuth': 1,
    'interactionType': 'conversions' 
}) 

Статистика события

Пример сегмента авторизованных пользователей из отчёта «События»

Добавление в корзину

Через dataLayer

dataLayer.push({
  'event': 'vntLab',
  'eventCategory': 'product_card',
  'eventAction': 'add_to_cart',
  'eventLabel': 'product_id_' + productId,
  'userAuth': '1',
  'interactionType': 'conversions'
});

Через mm()

mm('message', 'add_to_cart',{
   'eventCategory':'product_card',
   'eventAction':'add_to_cart',
   'eventLabel':'product_id_'+ productId,
   'userAuth': '1',
   'interactionType': 'conversions' 
}) 

Статистика события

Пример сегмента пользователей, которые добавили товар в корзину из отчёта «События»

Просмотр страницы (scrn)

Через dataLayer

// При каждом изменении URL
dataLayer.push({
  'event': 'scrn',
  'userAuth': '1',
  'interactionType': 'non_interactions'
});