Как сделать интерактивную инструкцию через Яндекс Тег Менеджер без программиста
Инструкция, которая показывает, а не рассказывает, через Яндекс Тег Менеджер: чеклист тем «как сделать», каждая открывает нужную страницу и проводит по ней подсказками.
- Время
- ● 30 минут
- Цена
- 14 дней бесплатно, без карты
- Кто делает
- Владелец тега Метрики или сотрудник с доступом
Пример: интерактивная инструкция через Яндекс Тег Менеджер
Кабинет жильца управляющей компании. На /lk/help инструкция: передать показания счётчиков, скачать квитанцию, подать заявку на ремонт — каждая тема открывает страницу со своим туром.
Формат входит в тариф Pro. Каждый новый аккаунт начинается с 14 дней бесплатного пробного периода со всеми форматами и правилами аудитории, карта не нужна. После пробного периода ничего не удаляется и опубликованное продолжает показываться, а туры и подсказки остаются бесплатными на тарифе Free.
Как сделать интерактивную инструкцию через Яндекс Тег Менеджер: пошагово
- Шаг 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
Сначала туры, потом чеклист-инструкция
Сначала соберите по туру Тултипы по шагам на каждую тему через Редактировать на сайте и Выбрать элемент и запишите Слаг (в ссылке) каждого тура. Затем создайте Чеклист онбординга: пункт на тему, а в Адрес ссылки — адрес страницы плюс
?tutorial=и слаг тура.
Шаг 5 · схема интерфейса - Шаг 06
Укажите, где, когда и кому показывать
В том же редакторе заполните Где показывать (URL страницы), Когда показывать, Таргетинг аудитории и Частота. Настройки примера выше:
Настройка Значение Чеклист Формат Чеклист онбординга Где показывать (URL страницы) Раздел по префиксу /lk/helpКогда показывать Сразу при загрузке Таргетинг аудитории Без правил — все, кто открыл страницу Частота Каждый визит Продуктовый тур Формат Тултипы по шагам Где показывать (URL страницы) Раздел по префиксу /lk/documentsКогда показывать Сразу при загрузке Таргетинг аудитории Без правил — все, кто открыл страницу Частота Один раз на посетителя 
Шаг 6 · схема интерфейса - Шаг 07
Опубликуйте и проверьте на сайте
Поставьте Статус — Опубликован и сохраните. Откройте страницу в режиме инкогнито: Clew помнит, кто уже видел показ «один раз», поэтому в обычном окне его может не быть. Показы, прохождения и отвалы появятся в статистике тура.
Шаг 7 · схема интерфейса
Подводные камни: интерактивная инструкция через Яндекс Тег Менеджер
Подписи в интерфейсе Метрики меняются
Тег Менеджер в Метрике развивается, и названия кнопок могут отличаться. Логика та же: пользовательский HTML, триггер на просмотр страницы, публикация. Интерактивная инструкция настраивается уже в Clew.
Данных о пользователе у тега нет
Метрика не передаёт в Clew тариф или роль пользователя. Показывайте по страницам и визитам или попросите разработчика один раз добавить вызов Clew.identify() в код кабинета.
Не теряйте параметры в адресе
Некоторые сайты делают редирект и отбрасывают параметры (например, добавляя слеш в конце). Откройте каждую ссылку темы: если ?tutorial= пропал из адресной строки, ставьте в ссылку конечный адрес.
Кнопке помощи нужен стабильный селектор
По клику на элемент ловит клики по указанному селектору. Используйте id или атрибут data-tour у кнопки помощи, а не класс, который могут переименовать при смене дизайна.
Вопросы и ответы
Инструкция может заменить страницу FAQ?
Для вопросов «как сделать» — да; FAQ оставьте для правил и условий, где нужен текст, а не шаги.
Чем это лучше, чем попросить программиста?
Строку ставят один раз за 10 минут, а интерактивная инструкция дальше правится в Clew — без задач в бэклоге и релизов.
Работает в личном кабинете за авторизацией?
Да, если тег Метрики стоит и на страницах кабинета. Clew не нужен доступ к вашим пользователям.
Сколько это стоит?
Туры бесплатны, чеклист-инструкция входит в Pro. У каждого нового аккаунта 14 дней пробного периода с обоими форматами, без карты.
Может ли тот же тур автоматически показываться новичкам?
Да. Тур, открытый через ?tutorial=, игнорирует свои правила, поэтому у него же может быть своё правило URL и частота Один раз на посетителя для новых посетителей.
Что ещё можно добавить через Яндекс Тег Менеджер
- Как добавить поп-ап на сайт через Яндекс Тег Менеджер без программиста
- Как сделать продуктовый тур через Яндекс Тег Менеджер без программиста
- Как добавить чеклист онбординга через Яндекс Тег Менеджер без программиста
- Как настроить онбординг пользователей через Яндекс Тег Менеджер без программиста
- Как добавить подсказку на сайт через Яндекс Тег Менеджер без программиста