Data Layer

Data Layer (слой данных) - структура данных на веб-странице, используемая для передачи информации из сайта или приложения в системы аналитики и другие внешние сервисы. Data Layer представляет собой JavaScript-объект, который хранит данные о пользователе, его действиях, просматриваемых товарах, транзакциях и других событиях.

В интернет-маркетинге Data Layer является ключевым инструментом для настройки сложного отслеживания, особенно в связке с Google Tag Manager и другими системами управления тегами. Использование Data Layer позволяет получать более точные и структурированные данные о поведении пользователей.

Как работает Data Layer

Data Layer создаётся на странице до загрузки кода аналитики и заполняется данными по мере взаимодействия пользователя с сайтом. Системы аналитики могут считывать эти данные и использовать их в тегах, триггерах и переменных.

Проще всего представить Data Layer как контейнер, в который сайт складывает информацию о себе, а инструменты маркетинга забирают её оттуда.

Синтаксис и структура

Data Layer обычно реализуется как глобальный массив JavaScript с именем `dataLayer`. Данные добавляются в него с помощью команды `push`.

Пример базового Data Layer:

<script>
window.dataLayer = window.dataLayer || [];
window.dataLayer.push({
  'pageTitle': 'Главная страница',
  'pageCategory': 'landing',
  'userId': '12345'
});
</script>

После этого данные становятся доступными для считывания инструментами аналитики.

Какие данные хранятся в Data Layer

Информация о странице

• URL страницы, заголовок, тип страницы (категория, товар, корзина);

• идентификаторы категорий и товаров;

• результаты поиска.

Информация о пользователе

• идентификатор пользователя (если он авторизован);

• статус авторизации;

• демографические данные (если доступны).

Информация о товарах и транзакциях

• просмотренные товары;

• добавленные в корзину товары;

• оформленные заказы (сумма, состав, идентификатор заказа);

• идентификаторы товаров для e-commerce отчётов.

События

• клики по кнопкам;

• отправка форм;

• заполнение полей;

• прокрутка страницы;

• добавление товара в корзину;

• начало оформления заказа.

Преимущества использования Data Layer

Разделение данных и кода аналитики

Data Layer отделяет сбор данных от их отправки в конкретные системы. Это позволяет:

• менять аналитические системы без изменения кода сайта;

• отправлять одни и те же данные в разные сервисы;

• не смешивать код разных провайдеров.

Единый источник данных

Все маркетинговые инструменты получают данные из одного места, что исключает расхождения и дублирование.

Гибкость и расширяемость

В Data Layer можно добавлять любые данные, которые могут потребоваться для анализа, даже если сейчас нет инструментов для их обработки.

Простота для разработчиков

Разработчикам не нужно знать особенности каждой аналитической системы - они просто складывают нужные данные в Data Layer, а маркетологи настраивают их отправку через GTM.

Точность отслеживания

Data Layer позволяет передавать данные, которые сложно или невозможно извлечь из DOM-дерева: идентификаторы товаров, точные суммы заказов, пользовательские атрибуты.

Data Layer и Google Tag Manager

Data Layer является ключевым компонентом при работе с GTM. Менеджер тегов автоматически считывает данные из dataLayer и делает их доступными в виде переменных. Эти переменные можно использовать:

• в тегах (например, подставлять идентификатор товара в пиксель ремаркетинга);

• в триггерах (например, срабатывать только для определённых категорий товаров);

• для передачи в отчёты аналитики (e-commerce данные).

• GTM также может сам добавлять данные в Data Layer при срабатывании триггеров.

E-commerce Data Layer

Для интернет-магазинов особенно важна стандартизированная структура Data Layer для передачи данных об электронной коммерции. Она позволяет отслеживать:

• просмотры товаров (product impressions);

• клики по товарам (product clicks);

• добавление в корзину (add to cart);

• удаление из корзины (remove from cart);

• оформление заказа (purchase);

• возвраты (refund).

Стандартная структура e-commerce Data Layer включает массив products с объектами товаров, содержащими идентификаторы, названия, цены, количество и категории.

Пример e-commerce Data Layer

window.dataLayer.push({
  'event': 'purchase',
  'ecommerce': {
    'transactionId': '12345',
    'affiliation': 'Интернет-магазин',
    'value': 2999.00,
    'tax': 299.90,
    'shipping': 300,
    'currency': 'RUB',
    'products': [{
      'id': '123',
      'name': 'Смартфон XYZ',
      'price': 2999.00,
      'quantity': 1
    }]
  }
});

Связанные термины

• Google Tag Manager
• События
• Триггеры
• Переменные
• E-commerce отслеживание
• Аналитика
• JavaScript
• DOM