Как настроить счётчик Статистики от SberAds через Яндекс Тег Менеджер и GTM
В Яндекс Тег Менеджере (ЯТМ) счётчик Статистики от SberAds ставят так: триггер типа «Инициализация» с условием «Все события», тег с шаблоном «Пользовательский HTML» с кодом счётчика, затем «Сохранить» и «Опубликовать». Собственное событие по клику задают триггером «Клики - все элементы», для eCommerce в тег добавляют ecommerce: dataLayer. В Google Tag Manager событие отправляют скриптом в теге: `window.top100Counter.trackEvent(eventName, eventData)`.
Цифры
Яндекс Тег Менеджер: что выбирать
| Задача | Триггер | Тег |
|---|---|---|
| Базовый счётчик | тип «Инициализация», условие «Все события» | шаблон «Пользовательский HTML», в поле HTML код счётчика |
| Собственное событие по клику | тип «Клики - все элементы», Click Element, соответствует CSS-селектору | шаблон «Пользовательский HTML», скрипт собственного события |
| eCommerce-события | в справке не нашли | в код счётчика добавляется `ecommerce: dataLayer` |
Название собственного события
| Параметр | Значение |
|---|---|
| Язык | только латиница |
| Регистр | большие и маленькие буквы |
| Остальные символы | цифры, тире, нижнее подчёркивание |
Подробности
ЯТМ: установка базового счётчика
1. Установить счётчик Яндекс Метрики, в списке слева выбрать «Тег Менеджер». 2. Открыть вкладку «Триггеры» и нажать «Добавить триггер». 3. Ввести произвольное название, в типе триггера выбрать «Инициализация». 4. В условиях активации выбрать «Все события», нажать «Сохранить». 5. Открыть вкладку «Теги» и нажать «Добавить тег». 6. Ввести произвольное название, в шаблоне тега выбрать «Пользовательский HTML». 7. Создать счётчик Статистики от SberAds по инструкции создания счётчика и скопировать его код в настройках счётчика. 8. Вернуться в ЯТМ и вставить скопированный код в поле HTML. 9. Нажать «Добавить триггер» и выбрать созданный ранее (в примере справки он называется «Счетчик статистики»). 10. Нажать «Сохранить». 11. Нажать «Опубликовать». После успешной публикации версии счётчик начнёт собирать аналитику, данные появятся в интерфейсе Статистики от SberAds.
ЯТМ: собственное событие
1. Открыть свой сайт и панель разработчика, выбрать кнопку, нажатие на которую нужно отслеживать, найти и скопировать конечный элемент в DOM-дереве. В примере справки это t-form__submit. 2. В ЯТМ открыть «Триггеры» → «Добавить триггер», ввести произвольное название, в типе триггера указать «Клики - все элементы». В условиях активации выбрать «Некоторые события»: Click Element → соответствует CSS-селектору → селектор на основе найденного элемента (с точкой перед ним). Нажать «Сохранить». 3. Открыть «Теги» → «Добавить тег», ввести произвольное название, шаблон «Пользовательский HTML». В поле HTML вставить скрипт собственного события из отдельной инструкции по отправке собственных событий. Нажать «Добавить триггер» и выбрать созданный ранее (в примере он называется cv). Сохранить тег и опубликовать версию. 4. При успешной настройке в Статистике от SberAds в разделе «События» появится статистика по собственному событию.
Если способ не сработал, справка отправляет в поддержку Яндекс Метрики для индивидуальной настройки под особенности сайта.
ЯТМ: eCommerce-события
1. При создании тега с кодом счётчика Статистики от SberAds добавить строку `ecommerce: dataLayer`. 2. Обновить тег и опубликовать версию. После этого события типа eCommerce начнут поступать в счётчик.
Способ работает, если на сайте реализован dataLayer и данные передаются в него методом push.
GTM: собственное событие
Нужно создать тег с пользовательским HTML и поместить в него скрипт, затем настроить подходящий триггер. Пример из справки состоит из трёх частей: переменная `eventName` с названием события, переменная `eventData` с объектом данных (в примере поле param1 и вложенный объект param2 с полем param3) и вызов `window.top100Counter.trackEvent(eventName, eventData)`.
В `eventName` вводят произвольное название. Разрешены только латиница, большие и маленькие буквы, цифры, тире и нижнее подчёркивание.
Важно знать
- Пример названия события на странице GTM («form submitted») содержит пробел, а правило на той же странице пробел не разрешает (латиница, цифры, тире, нижнее подчёркивание). В примере другой страницы справки (про два счётчика) название записано с подчёркиванием: form_submission. Какой вариант считать верным, справка не уточняет; принимает ли счётчик название с пробелом, проверять в кабинете.
- Вызов `window.top100Counter.trackEvent` на странице GTM дан без номера счётчика. Если на сайте несколько счётчиков, другая страница справки требует указывать номер: `window.top100Counter12345`. Про GTM с несколькими счётчиками справка не пишет.
- Установка базового счётчика через GTM в справке не описана: страница GTM посвящена только собственному событию. Про eCommerce в GTM там ничего нет.
- Для ЯТМ шаги даны со скриншотами без подписей. В тексте не сказано, где вставлять строку `ecommerce: dataLayer` внутри кода счётчика и какие сочетания с другими параметрами допустимы.
- Скрипт собственного события для ЯТМ на этой странице не приведён: справка отсылает к отдельной странице про отправку собственных событий.
- Имена триггеров в примерах («Счетчик статистики», cv) произвольные, их можно назвать иначе.