Что такое dataLayer
DataLayer (слой данных) — JavaScript-объект, который служит посредником между сайтом и системами аналитики. Через dataLayer сайт передаёт информацию о действиях пользователя (просмотр товара, добавление в корзину, покупка) в Google Tag Manager, Google Analytics 4 и Яндекс.Метрику.
Без dataLayer аналитика видит только просмотры страниц. С dataLayer — конкретные действия, суммы, товары, категории и любые другие данные.
Как работает dataLayer
Принцип работы
DataLayer — это массив JavaScript-объектов, доступный глобально на странице:
window.dataLayer = window.dataLayer || [];
dataLayer.push({
'event': 'form_submit',
'form_name': 'callback',
'user_phone': '+7...'
});Когда данные добавляются в dataLayer через .push(), GTM автоматически «слышит» это событие и может запустить соответствующие теги.
Порядок загрузки
- DataLayer инициализируется до загрузки GTM
- GTM загружается и считывает уже имеющиеся данные
- При каждом новом
.push()GTM обрабатывает событие - Срабатывают теги, привязанные к соответствующим триггерам
Что передавать через dataLayer
Пользовательские события
- Отправка формы — тип формы, заполненные поля
- Клик по телефону — номер телефона
- Открытие чата — тип чата, время
- Скачивание файла — название и тип файла
Данные электронной коммерции
- Просмотр списка товаров (impression)
- Клик по товару (click)
- Просмотр карточки товара (detail)
- Добавление в корзину (add)
- Удаление из корзины (remove)
- Начало оформления заказа (checkout)
- Покупка (purchase)
Данные о пользователе
- Тип пользователя (новый / вернувшийся / клиент)
- Авторизован или нет
- Сегмент (B2B / B2C)
- ID пользователя для кросс-девайс аналитики
Данные о странице
- Тип страницы (главная, каталог, карточка, статья)
- Категория контента
- Автор (для блога)
Настройка dataLayer на практике
Для WordPress / WooCommerce
Используйте плагин GTM4WP — он автоматически формирует dataLayer с данными ecommerce для WooCommerce. Установите, активируйте, укажите ID контейнера GTM.
Для 1С-Битрикс
Встроенные модули «Веб-аналитика» формируют dataLayer для GA4. Для кастомных событий потребуется доработка шаблонов компонентов.
Для кастомных сайтов
Разработчик добавляет вызовы dataLayer.push() в нужных местах: обработчики форм, корзину, страницу подтверждения заказа. Маркетолог предоставляет спецификацию — какие данные и когда передавать.
Отладка dataLayer
Chrome DevTools
Откройте консоль браузера (F12) и введите dataLayer — увидите все события, отправленные на текущей странице.
GTM Preview
Режим предварительного просмотра GTM показывает каждое событие dataLayer, его данные и какие теги сработали в ответ.
Расширение dataLayer Inspector
Установите расширение для Chrome «dataLayer Inspector+» — оно показывает события в реальном времени в удобном формате.
Лучшие практики
- Документируйте спецификацию — создайте документ со всеми событиями dataLayer и их параметрами
- Используйте единое именование — snake_case для событий и параметров
- Не передавайте персональные данные — email, телефон, имя только в хэшированном виде
- Тестируйте перед публикацией — проверьте каждое событие в Preview
- Инициализируйте до GTM — dataLayer должен быть объявлен до кода контейнера
Часто задаваемые вопросы
Обязательно ли использовать dataLayer?
Не обязательно, но рекомендуется. Без dataLayer можно отслеживать клики и скролл через GTM, но для передачи специфических данных (сумма заказа, название товара, тип пользователя) dataLayer необходим. Это стандарт индустрии.
DataLayer работает с Яндекс.Метрикой?
Да, Яндекс.Метрика поддерживает формат dataLayer для модуля электронной коммерции. Также через GTM можно «слушать» события dataLayer и отправлять соответствующие цели в Метрику.
Нужен ли программист для настройки?
Для добавления кода dataLayer на сайт — да, нужен разработчик. Для использования данных из dataLayer в GTM (создание тегов, триггеров, переменных) — маркетолог может справиться самостоятельно.
DataLayer — мост между сайтом и аналитикой. Без него вы теряете ценные данные о поведении пользователей. Свяжитесь с нами для профессиональной настройки.