Как добавить подсказку на сайт через Яндекс Тег Менеджер без программиста
Контекстная подсказка через Яндекс Тег Менеджер: одно предложение рядом с элементом, на котором посетители сомневаются, — ставится кликом в визуальном редакторе и показывается ровно тогда, когда помогает.
- Время
- ● 10 минут
- Цена
- Тариф Free
- Кто делает
- Владелец тега Метрики или сотрудник с доступом
Пример: подсказка через Яндекс Тег Менеджер
У установщика окон есть калькулятор цены, где люди путают единицы. Через 5 секунд после открытия /calculator рядом с полем площади появляется подсказка «Площадь в м² — ширина × высота».
Бесплатно на тарифе Free — без карты и без срока: один сайт и до 3 опубликованных туров или подсказок. Правила аудитории и A/B-тесты — в тарифе Pro.
Как добавить подсказку через Яндекс Тег Менеджер: пошагово
- Шаг 01
Скопируйте код Clew
Зарегистрируйтесь бесплатно или войдите, добавьте сайт и откройте Админка → Обзор. Нажмите на строку в карточке «Виджет пока не подаёт сигналов.» — она скопируется уже с ключом вашего сайта вместо заглушки.
<!-- Clew: замените ВСТАВЬТЕ_КЛЮЧ_САЙТА на ключ сайта из админки > Обзор --> <script src="https://tryclew.ru/widget/ВСТАВЬТЕ_КЛЮЧ_САЙТА.js" async></script>
Шаг 1 · схема интерфейса - Шаг 02
Включите Тег Менеджер и пользовательский HTML
В metrika.yandex.ru откройте тег сайта → Настройки, включите Тег Менеджер и отметьте Пользовательский HTML. Это может сделать только владелец тега.
Шаг 2 · схема интерфейса - Шаг 03
Создайте тег с кодом Clew
В разделе Тег Менеджер → Теги → Добавить тег выберите шаблон Пользовательский HTML, назовите тег
Clew, вставьте строку и привяжите триггер Просмотр страницы.
Шаг 3 · схема интерфейса - Шаг 04
Проверьте и опубликуйте
Проверьте в предварительном просмотре, что тег
Clewсработал, и нажмите Опубликовать. До публикации на сайте ничего не меняется.
Шаг 4 · схема интерфейса - Шаг 05
Привяжите подсказку к элементу
В Clew откройте Сценарии → + Новый сценарий, оставьте Тултипы по шагам и нажмите Редактировать на сайте. На странице нажмите Выбрать элемент, кликните по полю или кнопке, напишите короткий заголовок и одно предложение. Если автоматическое положение что-то закрывает, задайте Уголок / позиция.
Шаг 5 · схема интерфейса - Шаг 06
Укажите, где, когда и кому показывать
В том же редакторе заполните Где показывать (URL страницы), Когда показывать, Таргетинг аудитории и Частота. Настройки примера выше:
Настройка Значение Формат Тултипы по шагам Где показывать (URL страницы) Раздел по префиксу /calculatorКогда показывать Через N секунд: 5 секунд Таргетинг аудитории Без правил — все, кто открыл страницу Частота Один раз на посетителя 
Шаг 6 · схема интерфейса - Шаг 07
Опубликуйте и проверьте на сайте
Поставьте Статус — Опубликован и сохраните. Откройте страницу в режиме инкогнито: Clew помнит, кто уже видел показ «один раз», поэтому в обычном окне его может не быть. Показы, прохождения и отвалы появятся в статистике тура.
Шаг 7 · схема интерфейса
Подводные камни: подсказка через Яндекс Тег Менеджер
Подписи в интерфейсе Метрики меняются
Тег Менеджер в Метрике развивается, и названия кнопок могут отличаться. Логика та же: пользовательский HTML, триггер на просмотр страницы, публикация. Подсказка настраивается уже в Clew.
Не путайте с целями Метрики
Показы и прохождения подсказка считает Clew в своей статистике. В Метрику события не уходят, а переход по кнопке она засчитает как обычный визит страницы.
Выбирайте id и data-атрибуты
Если Выбрать элемент предлагает длинную цепочку классов, выберите ближайший родительский элемент с id или попросите добавить атрибут data-tour — стабильный селектор переживёт обновления шаблона.
Вопросы и ответы
Яндекс Тег Менеджера хватит для подсказок?
Да. Он только загружает строку; подсказка, её элемент и триггер задаются в Clew.
Чем это лучше, чем попросить программиста?
Строку ставят один раз за 10 минут, а подсказка дальше правится в Clew — без задач в бэклоге и релизов.
Подсказка бесплатная?
Да, на тарифе Free — до 3 опубликованных туров и подсказок на одном сайте.
Можно открывать подсказку только по клику?
Да. Выберите По клику на элемент, укажите селектор иконки или ссылки, по которой она открывается, и поставьте Каждый визит.
Что ещё можно добавить через Яндекс Тег Менеджер
- Как добавить поп-ап на сайт через Яндекс Тег Менеджер без программиста
- Как сделать продуктовый тур через Яндекс Тег Менеджер без программиста
- Как добавить чеклист онбординга через Яндекс Тег Менеджер без программиста
- Как настроить онбординг пользователей через Яндекс Тег Менеджер без программиста
- Как сделать интерактивную инструкцию через Яндекс Тег Менеджер без программиста