Clew

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

Чеклист онбординга через Яндекс Тег Менеджер: четыре задачи, полоса прогресса, каждый пункт в одном клике от нужного экрана — настраивается в редакторе Clew, без фронтенд-разработки.

Время
● 15 минут
Цена
14 дней бесплатно, без карты
Кто делает
Владелец тега Метрики или сотрудник с доступом

Пример: чеклист онбординга через Яндекс Тег Менеджер

Кабинет ученика онлайн-школы на /lk. На втором визите появляется чеклист: заполните профиль, вступите в чат курса, посмотрите вводный урок, сдайте первое домашнее задание.

Формат входит в тариф Pro. Каждый новый аккаунт начинается с 14 дней бесплатного пробного периода со всеми форматами и правилами аудитории, карта не нужна. После пробного периода ничего не удаляется и опубликованное продолжает показываться, а туры и подсказки остаются бесплатными на тарифе Free.

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

  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

    В Clew откройте Сценарии → + Новый сценарий и выберите Чеклист онбординга. Заполните Заголовок чеклиста и добавьте 3–5 пунктов в Пункты чеклиста: название-действие, одну строку пояснения и в Адрес ссылки страницу, где это делается. Селекторы не нужны.

    Панель чеклиста онбординга с полосой прогресса и четырьмя задачами, две отмечены (чеклист онбординга через Яндекс Тег Менеджер)
    Шаг 5 · схема интерфейса
  6. Шаг 06

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

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

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

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

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

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

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

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

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

Данных о пользователе у тега нет

Метрика не передаёт в Clew тариф или роль пользователя. Показывайте по страницам и визитам или попросите разработчика один раз добавить вызов Clew.identify() в код кабинета.

Менеджер тегов не знает, кто пользователь

Чтобы показывать по тарифу или роли через менеджер тегов, приложение должно уже передавать эти значения (в dataLayer или в переменную). Если нет — используйте правило по cookie, которую ставит приложение, или показывайте чеклист на страницах, куда попадают только новые пользователи.

Один список за раз

Пока открыт чеклист, виджет не запускает при переходах другой тур. Держите чеклист для этапа настройки и не мешайте его закрыть — туры на других страницах запустятся после.

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

Прогресс сбросится, если ученик сменит браузер?

Да, прогресс хранится в браузере. Большинство учеников проходят курс на одном устройстве.

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

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

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

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

Чеклист онбординга бесплатный?

Он входит в Pro. У каждого нового аккаунта 14 дней пробного периода с чеклистами и правилами аудитории, без карты. После окончания опубликованные чеклисты продолжают показываться.

Пункты отмечаются автоматически?

Пункт отмечается, когда пользователь нажимает на него (ссылка открывается в новой вкладке). Автоматической отметки по событиям приложения пока нет.

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

Чеклист онбординга на других платформах

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

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

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