Clew

Как сделать продуктовый тур через Яндекс Тег Менеджер без программиста

Автор: · обновлено

Интерактивная обучалка через Яндекс Тег Менеджер примерно за двадцать минут: ставим одну строку, прокликиваем свой интерфейс в визуальном редакторе и публикуем тур, который стартует там, где он нужен новым пользователям.

Время
● 20 минут
Цена
Тариф Free
Кто делает
Владелец тега Метрики или сотрудник с доступом

Пример: продуктовый тур через Яндекс Тег Менеджер

Личный кабинет сервиса доставки воды на /lk. Новым клиентам тур из трёх шагов показывает, как повторить заказ, поменять адрес и перенести доставку.

Бесплатно на тарифе Free — без карты и без срока: один сайт и до 3 опубликованных туров или подсказок. Правила аудитории и A/B-тесты — в тарифе Pro.

Как сделать продуктовый тур через Яндекс Тег Менеджер: пошагово

  1. Шаг 01

    Скопируйте код Clew

    Зарегистрируйтесь бесплатно или войдите, добавьте сайт и откройте Админка → Обзор. Нажмите на строку в карточке «Виджет пока не подаёт сигналов.» — она скопируется уже с ключом вашего сайта вместо заглушки.

    <!-- Clew: замените ВСТАВЬТЕ_КЛЮЧ_САЙТА на ключ сайта из админки > Обзор -->
<script src="https://tryclew.ru/widget/ВСТАВЬТЕ_КЛЮЧ_САЙТА.js" async></script>
    Обзор в админке Clew: строка кода со скрытым ключом сайта (продуктовый тур через Яндекс Тег Менеджер)
    Шаг 1 · схема интерфейса
  2. Шаг 02

    Включите Тег Менеджер и пользовательский HTML

    В metrika.yandex.ru откройте тег сайта → Настройки, включите Тег Менеджер и отметьте Пользовательский HTML. Это может сделать только владелец тега.

    Настройки тега Метрики: включены Тег Менеджер и пользовательский HTML (продуктовый тур через Яндекс Тег Менеджер)
    Шаг 2 · схема интерфейса
  3. Шаг 03

    Создайте тег с кодом Clew

    В разделе Тег Менеджер → Теги → Добавить тег выберите шаблон Пользовательский HTML, назовите тег Clew, вставьте строку и привяжите триггер Просмотр страницы.

    Создание тега: шаблон «Пользовательский HTML» со строкой Clew (продуктовый тур через Яндекс Тег Менеджер)
    Шаг 3 · схема интерфейса
  4. Шаг 04

    Проверьте и опубликуйте

    Проверьте в предварительном просмотре, что тег Clew сработал, и нажмите Опубликовать. До публикации на сайте ничего не меняется.

    Тег Менеджер: версия с тегом Clew и кнопка «Опубликовать» (продуктовый тур через Яндекс Тег Менеджер)
    Шаг 4 · схема интерфейса
  5. Шаг 05

    Соберите тур поверх своей страницы

    В Clew откройте Сценарии → + Новый сценарий, оставьте Формат — Тултипы по шагам и нажмите Редактировать на сайте. На своей странице нажмите Выбрать элемент, кликните по элементу для первого шага и напишите заголовок и одно-два предложения. Повторите для 3–5 шагов — предпросмотр обновляется на лету.

    Подсказка продуктового тура указывает на кнопку в веб-приложении: точки шагов и кнопка «Далее» (продуктовый тур через Яндекс Тег Менеджер)
    Шаг 5 · схема интерфейса
  6. Шаг 06

    Укажите, где, когда и кому показывать

    В том же редакторе заполните Где показывать (URL страницы), Когда показывать, Таргетинг аудитории и Частота. Настройки примера выше:

    НастройкаЗначение
    ФорматТултипы по шагам
    Где показывать (URL страницы)Раздел по префиксу /lk
    Когда показыватьСразу при загрузке
    Таргетинг аудиторииБез правил — все, кто открыл страницу
    ЧастотаОдин раз на посетителя
    Редактор тура в Clew: формат, правило URL, триггер и правило аудитории (продуктовый тур через Яндекс Тег Менеджер)
    Шаг 6 · схема интерфейса
  7. Шаг 07

    Опубликуйте и проверьте на сайте

    Поставьте Статус — Опубликован и сохраните. Откройте страницу в режиме инкогнито: Clew помнит, кто уже видел показ «один раз», поэтому в обычном окне его может не быть. Показы, прохождения и отвалы появятся в статистике тура.

    Обзор в админке Clew: зелёная карточка «Виджет активен» (продуктовый тур через Яндекс Тег Менеджер)
    Шаг 7 · схема интерфейса

Подводные камни: продуктовый тур через Яндекс Тег Менеджер

Подписи в интерфейсе Метрики меняются

Тег Менеджер в Метрике развивается, и названия кнопок могут отличаться. Логика та же: пользовательский HTML, триггер на просмотр страницы, публикация. Продуктовый тур настраивается уже в Clew.

Не путайте с целями Метрики

Показы и прохождения продуктовый тур считает Clew в своей статистике. В Метрику события не уходят, а переход по кнопке она засчитает как обычный визит страницы.

Привязывайте шаги к элементам, которые есть у всех

Баннеры, персональные блоки и участники A/B-тестов видны не всем. Привязывайте шаги к навигации, заголовкам и основным кнопкам; если элемент не найден, шаг появится во вкладке Проблемы.

Вопросы и ответы

Нужен ли доступ Clew к базе клиентов?

Нет. Тур показывается в браузере на страницах кабинета, где загружен тег Метрики.

Чем это лучше, чем попросить программиста?

Строку ставят один раз за 10 минут, а продуктовый тур дальше правится в Clew — без задач в бэклоге и релизов.

Работает в личном кабинете за авторизацией?

Да, если тег Метрики стоит и на страницах кабинета. Clew не нужен доступ к вашим пользователям.

Продуктовый тур бесплатный?

Да, туры есть на тарифе Free — до 3 опубликованных. Тариф Pro нужен только для правил аудитории, A/B-тестов и большего числа туров.

Нужно ли знать CSS-селекторы?

Нет. Редактировать на сайте открывает редактор на вашей странице, а Выбрать элемент подставляет селектор, когда вы кликаете по элементу.

Что ещё можно добавить через Яндекс Тег Менеджер

Продуктовый тур на других платформах

Как сделать продуктовый тур без программистаЯндекс Тег Менеджер: инструкция по установкеОнбординг без разработчикаЧеклист онбординга с примерамиОнбординг под тип SaaSБесплатные инструментыТарифы

Одна строка на сайте — и туры, подсказки и чеклисты без релизов.

Получить ключ сайта бесплатноКак работает ClewТариф Free — навсегда, без карты

Туры, попапы и онбординг в эпоху ИИ

7 паттернов с числом шагов, правилами текста и метриками, что меняет ИИ, чек-лист перед публикацией. PDF, 2 страницы. Что внутри гайда →