Яндекс Тег Менеджер (ЯТМ) – бесплатный инструмент для управления кодами, событиями и аналитикой на сайте без участия разработчика. В условиях, когда доступ к зарубежным сервисам аналитики стал сложнее, ЯТМ – отличный безопасный вариант.
Инструмент пока в бета-версии, но уже сейчас с ним можно закрыть большинство базовых задач по аналитике. А если вы раньше пользовались Google Tag Manager, переход будет легким – логика работы очень похожа, а многие настройки можно просто перенести с минимальными правками.
«Переезд» с Google Tag Manager на Яндекс Тег Менеджер
В ЯТМ, как и в GTM, основными элементами являются теги, триггеры, переменные и контейнеры. Принцип работы идентичен: при выполнении определенного условия срабатывает событие, которое запускает нужный тег. Многие элементы можно просто скопировать и немного адаптировать под новый интерфейс. Если вы создавали цели по событиям, задавали условия по ID, классам или тексту элементов, – все это будет работать и в ЯТМ. Даже события через dataLayer можно использовать так же, как в GTM.
Однако есть отличия: ЯТМ предлагает меньше готовых шаблонов по сравнению с GTM, а также в ЯТМ отсутствует полноценная поддержка электронной коммерции, и ее приходится реализовывать вручную. Для нестандартных задач чаще используется тег «Пользовательский HTML», где можно прописать любой JavaScript-код.
Как подключить Яндекс Тег Менеджер
Включить Яндекс Тег Менеджер может только владелец счетчика Яндекс.Метрики. Если у вас нет доступа к счетчику, запросите его у владельца или перенесите счетчик на свой аккаунт через поддержку Яндекса.
Чтобы активировать ЯТМ:
- Откройте интерфейс Метрики и перейдите в настройки нужного счетчика.
- Включите опцию «Использовать Яндекс Тег Менеджер».
- При необходимости включите поддержку «Пользовательского HTML» – этот тип тега позволяет вставлять произвольный HTML и JS-код (например, скрипт обратного звонка или нестандартный пиксель).
Права доступа
Если вы владелец счетчика, настройка проходит без ограничений: вы можете создавать и редактировать контейнеры, добавлять теги, управлять триггерами и публиковать изменения.
Если вы не владелец счетчика – потребуется запросить доступ к необходимому вам функционалу. Владелец может предоставить его через интерфейс Метрики: раздел "Настройки" → вкладка "Доступ к тег-менеджеру".
Владелец может предоставить:
- доступ к отдельным функциям (например, только к редактированию тегов);
- полный доступ ко всему контейнеру и его настройкам.
| Доступная функциональность |
Просмотр контейнера |
Редактирование контейнера |
Публикация контейнера на сайт |
Публикация шаблонов в каталог |
Управление доступами |
|---|---|---|---|---|---|
| Просмотр содержимого контейнера (список тегов/триггеров/переменных и их настроек, список разрешённых шаблонов, шаблоны, созданные в контейнере) | ✓ | ✓ | ✓ | ✓ | ✓ |
| Создание, изменение, удаление тегов, триггеров, переменных, приватных шаблонов | ✗ | ✓ | ✗ | ✗ | ✗ |
| Активация превью версии контейнера | ✗ | ✓ | ✗ | ✗ | ✗ |
| Публикация контейнера на сайт | ✗ | ✗ | ✓ | ✗ | ✗ |
| Изменение публичности шаблона (сделать публичным/снять с публикации), публикация новой версии публичного шаблона | ✗ | ✗ | ✗ | ✓ | ✗ |
| Предоставление доступа для других логинов | ✗ | ✗ | ✗ | ✗ | ✓ |
Интерфейс Яндекс Tag Manager
Перед тем как перейти к практике, разберемся в интерфейсе:
- Контейнер – основная «рабочая область». В нем создаются и хранятся теги, триггеры и переменные менеджера тегов.
- Обзор – раздел, где отображаются все созданные элементы – теги, триггеры и переменные. Удобен для навигации и быстрого доступа к нужным настройкам.
- Теги – фрагменты кода, которые выполняются при наступлении события (например, отправка данных в Метрику).
- Триггеры – условия запуска тега: клик по кнопке, загрузка страницы, отправка формы и др. Тег активируется только при наличии триггера. Один тег может иметь сразу несколько триггеров.
- Переменные – вкладка с встроенными и созданными на счетчике переменными. Они позволяют задавать условия срабатывания тегов – например, переменная может указывать, какой именно элемент на странице был нажат.
- Шаблоны – раздел с готовыми конфигурациями для популярных систем: аналитики, рекламы, чат-виджетов и пр. С помощью шаблонов можно добавить нужный код без ручного написания скриптов.
- История версий – хронология всех изменений внутри контейнера. Здесь можно посмотреть, кто и что редактировал, а при необходимости – откатиться к предыдущей версии.
- Каталог шаблонов – библиотека готовых решений для быстрого добавления тегов. Особенно полезен тем, кто не хочет работать с кодом – просто выберите нужный шаблон и настройте его под себя.
- Предварительный просмотр – позволяет протестировать работу тегов и триггеров до их публикации. При активации режима вы увидите, какие события сработали и передались ли данные корректно. На данный момент функционал не доработан.
- Публиковать – после внесения всех изменений контейнер необходимо опубликовать – только тогда теги начнут работать для реальных пользователей сайта.
Настройка целей через ЯТМ
Рассмотрим простой пример: отслеживание клика по кнопке «Заказать продвижение сайта». Такой сценарий позволяет отследить взаимодействие пользователя с конкретным элементом на странице и отправить это событие в Яндекс Метрику в виде цели. Процесс настройки включает пять шагов:
- Создание цели в Метрике.
- Определение селектора нужной кнопки.
- Настройка триггера на клик.
- Создание тега с привязкой к триггеру.
- Проверка корректной отправки данных.
1. Создаем цель в Яндекс.Метрике
Для начала откройте счетчик в интерфейсе Метрики и перейдите в раздел «Цели». Нажмите кнопку добавления новой цели и заполните параметры:
- Название, например “Клик по кнопке "Заказать продвижение"”.
- Тип условия: "JavaScript событие".
- Пропишите произвольный идентификатор цели, например order_click (условие: совпадает).
- Сохраните цель.
2. Определяем селектор кнопки
Теперь определим, как будет распознаваться нужная кнопка на странице. Откройте сайт, найдите нужную кнопку и через инспектор кода (ПКМ → «Просмотреть код») проверьте ее атрибуты.
Идеальный вариант – наличие уникального id. Если его нет, можно использовать class, CSS-селекторы или текст кнопки.
3. Создаем триггер на клик по кнопке
Если вы ранее использовали на своем сайте Google Tag Manager, а теперь перешли на Яндекс Тег Менеджер, то настройка триггеров не вызовет сложностей – логика их работы идентична. Вы можете просто скопировать условия из GTM в ЯТМ.
- Выберите тип триггера: "Клик – все элементы".
Также в ЯТМ есть отдельный тип – «Клики – только ссылки». Он отслеживает исключительно нажатия по ссылкам (<a>), включая кнопки, которые визуально выглядят как кнопки, но по факту ведут на другую страницу или внешний ресурс. Например, кнопка "Подписаться", ведущая в Telegram. В таких случаях лучше использовать именно этот тип триггера – он точнее обрабатывает переходы по ссылочным элементам. - После выбора типа триггера перейдите к блоку «Условия активации» и выберите вариант «Некоторые события». Далее нужно задать правило, по которому система распознает именно ту кнопку, которую вы хотите отслеживать. Например:
- По ID элемента:
Click ID → равно → ID элемента - По классу кнопки:
Click Classes → содержит → Класс элемента - По тексту кнопки:
Click Text → равно/содержит → Текст кнопки
Оптимальный способ задать условие – использовать ID элемента, так как он уникален и не повторяется на других объектах страницы. Менее надежный вариант – ориентироваться на класс, ведь один и тот же класс может быть присвоен множеству разных элементов. Также хорошо подходит уникальный CSS-селектор, который однозначно определяет нужный объект на сайте. А вот выбор условия по тексту кнопки – наименее стабильное решение: при изменении текста (например, после редизайна или правок контента) триггер перестанет работать, и tag manger придется перенастраивать вручную.
Триггер должен быть связан с тегом – эта связь задается при настройке самого тега.
4. Добавляем тег
Теперь создаем тег, который будет отправлять событие в Метрику при срабатывании триггера.
- Откройте раздел "Теги" → нажмите "Добавить тег".
- Задайте понятное имя, например Клик по кнопке "Заказать продвижение".
- В качестве шаблона выберите из каталога: «Яндекс.Метрика» – он предназначен для настройки передачи данных о достижении целей.
- Укажите ID счетчика, к которому привязана цель.
- В поле идентификатор цели введите значение, заданное в Метрике – в нашем случае это order_click.
- Привяжите триггеру, который вы настроили на предыдущем шаге.
- Опционально можно добавить доход цели и поле params.
5. Проверяем
Хотя режим предварительного просмотра в Яндекс Тег Менеджере пока не имеет полноценного интерфейса отладки, его все же можно использовать для проверки настроек.
После нажатия на кнопку «Предварительный просмотр», ваш сайт откроется с параметром ?_ytm_preview=... в адресной строке. Визуальной панели отладки вы не увидите – это нормально. Чтобы все же проверить, отправляется ли событие в Метрику, добавьте к адресу страницы параметр &_ym_debug=2:
https://site.ru?_ytm_preview=6621115953276838340&_ym_debug=2После этого откройте консоль браузера (F12 → Console) – при клике на кнопку вы увидите в консоли сообщение об успешной отправке события с нужным идентификатором – например, order_click.
Электронная коммерция в Яндекс Тег Менеджере
Если вы раньше работали с Google Tag Manager и настраивали там электронную коммерцию (ecommerce), то могли ожидать, что в Яндекс Тег Менеджере можно сделать то же самое. Но на практике все не так просто.
На текущий момент в ЯТМ нельзя настроить полноценную расширенную электронную коммерцию, как в Google. Здесь нет встроенных шаблонов или готовых переменных для таких действий, как:
- просмотр карточки товара;
- добавление в корзину;
- оформление заказа;
- завершение покупки.
Но есть несколько альтернативных способов, которые позволяют отслеживать транзакции и действия пользователя – пусть и не так удобно.
Передавать события вручную через dataLayer
Разработчик добавляет на сайт код, который "сообщает" системе, что пользователь, например, что-то купил. Пример кода:
В Яндекс Тег Менеджере вы создаете тег, который срабатывает при событии purchase, и передает информацию в Яндекс Метрику.
Отправлять данные в Метрику напрямую
Если ЯТМ использовать неудобно – события можно сразу отправлять в Метрику с помощью встроенного скрипта:
Этот код обычно ставят на страницу “Спасибо за покупку”. Так тоже работает – и ЯТМ тут можно не трогать вовсе.
Использовать сторонние инструменты
Некоторые сервисы вроде Roistat могут автоматически собирать ecommerce-события и отправлять их в нужные системы (в том числе Метрику). Это особенно удобно, если нет желания возиться с кодом или ручной настройкой.
Заключение
Яндекс Тег Менеджер – это простой, гибкий и бесплатный инструмент, который позволяет настроить аналитику, цели и даже электронную коммерцию на сайте без глубоких знаний кода. Для тех, кто переходит с Google Tag Manager, освоение ЯТМ пройдет без стресса: логика работы и структура здесь во многом совпадают, а ключевые настройки можно перенести всего за один-два дня. При этом вы получаете решение, полностью соответствующее российскому законодательству и устойчивое к блокировкам.
Если разобраться во всех тонкостях ЯТМ кажется слишком сложным или просто не хочется тратить на это время, лучше доверить задачу специалистам. Мы занимаемся SEO-продвижением "под ключ" и берем на себя все технические моменты: от настройки целей и аналитики до интеграции электронной коммерции.