Как добавить чеклист онбординга через Google Tag Manager без программиста

Автор: Андрей Давыдов · обновлено 18 сентября 2026

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

Время: ● 15 минут
Цена: 14 дней бесплатно, без карты
Кто делает: Любой, кто может публиковать в GTM

Пример: чеклист онбординга через Google Tag Manager

B2B SaaS передаёт plan в dataLayer. Пользователи на пробном периоде на /app видят «Настройте аккаунт»: подключите источник данных, создайте дашборд, пригласите коллегу, запишитесь на онбординг. Второй тег GTM передаёт тариф в Clew:

<script>window.TutorKit = window.TutorKit || { q: [], identify: function (p) { this.q.push(['identify', p]); } };
TutorKit.identify({ plan: '{{DLV - plan}}' });</script>

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

Как добавить чеклист онбординга через Google Tag Manager: пошагово

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

<script src="https://tryclew.ru/widget/ВСТАВЬТЕ_КЛЮЧ_САЙТА.js" async></script>
```
Шаг 1 · схема интерфейса
Шаг 02
Создайте тег «Пользовательский HTML»
В tagmanager.google.com откройте контейнер, Теги → Создать → Конфигурация тега → Пользовательский HTML и вставьте строку Clew. Назовите тег Clew widget.
Шаг 2 · схема интерфейса
Шаг 03
Запускайте на всех страницах
В разделе Триггеры выберите All Pages и сохраните. Грузите везде: на какой странице показывать чеклист онбординга, решается в Clew, а не в GTM.
Шаг 3 · схема интерфейса
Шаг 04
Проверьте и опубликуйте
В режиме предварительного просмотра убедитесь, что Clew widget в списке сработавших тегов, затем Отправить → Опубликовать. До публикации на сайте ничего не меняется.
Шаг 4 · схема интерфейса
Шаг 05
Напишите пункты чеклиста в Clew
В Clew откройте Сценарии → + Новый сценарий и выберите Чеклист онбординга. Заполните Заголовок чеклиста и добавьте 3–5 пунктов в Пункты чеклиста: название-действие, одну строку пояснения и в Адрес ссылки страницу, где это делается. Селекторы не нужны.
Шаг 5 · схема интерфейса

Шаг 06

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

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

Настройка	Значение
Формат	Чеклист онбординга
Где показывать (URL страницы)	Раздел по префиксу `/app`
Когда показывать	Сразу при загрузке
Таргетинг аудитории	Свойство `plan` равно `trial`
Частота	Один раз на посетителя

Редактор тура в Clew: формат, правило URL, триггер и правило аудитории (чеклист онбординга через Google Tag Manager) — Шаг 6 · схема интерфейса

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

Подводные камни: чеклист онбординга через Google Tag Manager

Не добавляйте триггер «История»

Виджет сам отслеживает переходы в одностраничных приложениях. Второй триггер на изменение истории только зря загрузит скрипт ещё раз.

Свойства пользователя — вторым тегом

Если в dataLayer есть значения вроде plan, создайте переменную уровня данных и второй тег «Пользовательский HTML», который вызывает Clew.identify() с ней (см. пример). Запускайте его на событии, в котором есть значение, после тега Clew.

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

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

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

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

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

А если в dataLayer нет тарифа?

Показывайте чеклист без правила на страницах, куда попадают только пользователи на пробном периоде, или по cookie, которую уже ставит приложение.

GTM замедляет показ?

Виджет загружается на мгновение позже контейнера. Разница заметна разве что у элемента с Сразу при загрузке на самом первом просмотре.

GTM может прочитать тариф пользователя?

Только если сайт кладёт его в dataLayer. Тогда переменная уровня данных передаёт значение в Clew.identify() в теге «Пользовательский HTML».

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

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

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

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

Как добавить чеклист онбординга через Google Tag Manager без программиста

Пример: чеклист онбординга через Google Tag Manager

Как добавить чеклист онбординга через Google Tag Manager: пошагово

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

Создайте тег «Пользовательский HTML»

Запускайте на всех страницах

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

Напишите пункты чеклиста в Clew

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

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