20 ноября в Яндекс Тег Менеджере наконец завезли настоящий режим предварительного просмотра - тот самый дебаггер, которого ждали с момента запуска сервиса. В этой статье разберем, как выглядит обновленная панель отладки, какие функции уже доступны и как всем этим пользоваться.
Я более 10 лет занимаюсь аналитикой, SEO и управлением командами в digital‑маркетинге. А в своем Телеграм канале пишу еще больше про всякое из реального маркетинга. Консультирую по аналитике web‑проектов и настройке инструментов маркетинга, помогаю проводить технические собеседования специалистов по различным типам трафика.
Режим все еще в активной разработке, так что функциональность может меняться. Если Яндекс что-то обновит или перелопатит интерфейс я допишу и уточню материал.
Предисловие
10 июня 2025 года Яндекс объявил о запуске бета-версии Яндекс Тег Менеджера. И одним из ключевых инструментов любого тег-менеджера - хоть ЯТМ, хоть Google Tag Manager - является режим предварительного просмотра. Он позволяет проверить теги, триггеры и переменные до публикации контейнера, поймать ошибки на тестах и не устраивать себе приключения в продакшене.
В интерфейсе ЯТМ кнопка «Предварительный просмотр» живет в правом верхнем углу - рядом с публикацией:
До недавнего времени эта кнопка существовала скорее “для красоты”: формально была, фактически - отладки не давала. Поэтому приходилось пользоваться сторонними способами:
шаблон «Мини-дебагер триггеров и переменных»
отладка через параметр ym_debug=2, который показывает данные Метрики, цели, e-commerce и контентную аналитику
Я упоминал их в другой публикации.
Через 5 месяцев после релиза ЯТМ, в режиме предварительного просмотра появилась полноценная панель отладки. При запуске предпросмотра всплывает окно, где нужно указать страницу сайта, на которой хотите протестировать отслеживание:
После ввода ссылки жмите «Опубликовать» и ждите компиляции. Как только ссылка готова - нажимайте «Открыть предварительный просмотр».
Лайфхак:
Его я нашел в похожем обзоре у Якова Осипенкова, за что ему спасибо, правда я сам с затупом не встречался, но если всплывающее окно тупит и долго грузит ссылку - просто обновите страницу ЯТМ, обычно это ускоряет генерацию.
Сайт откроется в новом окне, а в URL появится параметр ytm_preview - признак запущенного предпросмотра.
Чтобы открыть панель дебаггера, нажмите на иконку Тег Менеджера внизу экрана.
Забавный баг. Если вы одновременно используете ym_debug=2 и предварительный просмотр ЯТМ, можете заметить, что иконки накладываются друг на друга. Да, выглядит криво и неудобно - надеюсь, Яндекс это поправит в ближайших обновлениях.
В панели видно, какие теги сработали, в каком порядке и какие данные они отправили. Консоль отображается только вам - обычные пользователи ее, конечно, не увидят.
Если панель так и не появилась, причин может быть несколько:
включен блокировщик (AdBlock и прочие).
антивирус режет всплывающие окна;
браузер сам блокирует дополнительные окна;
старая история и cookie мешают загрузке предпросмотра - их стоит очистить.
Кстати у меня в Mozilla Firefox напрочь отказывается работать, пока не понял почему.
Полный разбор панели отладки (актуально на 25 ноября 2025 года)
Вкладка «Теги»
Здесь выводятся теги, которые были связаны с выбранным событием.
Статусы тегов:
Активированные - условия выполнены, тег сработал;
Неактивированные - условия не выполнены;
На паузе - тег не относится к событию или остановлен вручную.
Активированные теги
Открыв тег, можно посмотреть все: свойства, параметры, триггеры активации и блокировки. Если триггер сработал - стоит зеленая галочка. Если нет - красный индикатор. Причем активация может состоять из нескольких условий - в этом случае видно, какие условия выполнены, а какие нет.
Дополнительно есть переключатель Отображать переменные как Имена / Значения.
При открытии тега видно его полное содержимое: настройки, передаваемые параметры, переменные и их значения.
Неактивированные теги
Неактивированные теги - это теги в контейнере, которые НЕ относятся к выбранному событию. Например на скрине ниже тег не сработал по условия несовпадения с адресом Page URL.
Теги на паузе
Если вы вручную остановили тег в интерфейсе ЯТМ (поменяли статус на «Остановить»), он попадет в эту категорию.. В интерфейсе они помечаются специальной иконкой - в режиме отладки выглядит аналогично.
Информация о контейнере
Верхняя часть панели показывает:
ID контейнера,
номер версии.
Та же информация есть в интерфейсе ЯТМ.
Вкладка «Переменные»
Здесь находятся все переменные, доступные в момент срабатывания события. Для каждой переменной отображается:
ее имя;
тип;
возвращаемое значение;
фактическое значение в текущем событии (даже если это undefined).
Представим, что разработчик при клике передает ID баннера в dataLayer. Вы создали переменную уровня данных в ЯТМ и хотите убедиться, что она работает. Для этого:
выбираете событие;
открываете вкладку «Переменные»;
смотрите значение переменной - оно должно совпадать с тем, что пришло в dataLayer.
То же самое можно проверить внутри любого тега: вкладка «Теги» → нужный тег → режим «Значения».
Очистить шкалу событий
Кнопка Очистить полностью сбрасывает список событий - удобно, если вы проводите много тестов подряд.
До очистки - пачка событий. После - пустая панель и чистый лог.
Сворачивание панели
Иногда панель закрывает важный контент. В таком случае ее можно свернуть. В свернутом виде остается мини-иконка Debug - клик по ней возвращает панель в нормальный размер.
Высоту панели можно менять вручную - просто потяните верхнюю границу вверх или вниз.
Вывод
Обновленный режим отладки делает ЯТМ куда дружелюбнее: события понятнее, теги прозрачнее, переменные видно без танцев с бубном. В результате маркетологам и аналитикам стало проще разбираться в контейнере и быстрее наводить порядок в данных. Порог входа заметно снизился - инструмент стал по-настоящему рабочим, а не «для избранных технарей». За это Яндексу можно искренне пожать руку - обновление получилось действительно долгожданным и удачным.
