Clew

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

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

Полный сценарий первой сессии через Google Tag Manager — приветствие, помощь с первым действием, список первых шагов — из трёх элементов Clew, которые идут за пользователем по продукту, а не одним длинным туром при загрузке.

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

Пример: онбординг пользователей через Google Tag Manager

SaaS для управления проектами без времени разработчиков на онбординг. Через GTM: приветственное окно на /app («Создайте первый проект за 2 минуты»), тур на /app/projects и чеклист настройки на втором визите.

Продуктовый тур бесплатен на тарифе Free (до 3 опубликованных). Форматы «Модалка, Чеклист» и правила аудитории входят в Pro: у каждого нового аккаунта 14 дней пробного периода со всеми возможностями, без карты. После окончания ничего не удаляется, опубликованное продолжает показываться.

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

  1. Шаг 01

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

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

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

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

    В tagmanager.google.com откройте контейнер, Теги → Создать → Конфигурация тега → Пользовательский HTML и вставьте строку Clew. Назовите тег Clew widget.

    Тег «Пользовательский HTML» в Google Tag Manager со строкой Clew (онбординг пользователей через Google Tag Manager)
    Шаг 2 · схема интерфейса
  3. Шаг 03

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

    В разделе Триггеры выберите All Pages и сохраните. Грузите везде: на какой странице показывать онбординг пользователей, решается в Clew, а не в GTM.

    Список триггеров GTM с выбранным All Pages (онбординг пользователей через Google Tag Manager)
    Шаг 3 · схема интерфейса
  4. Шаг 04

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

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

    Окно отправки изменений в GTM с кнопкой «Опубликовать» (онбординг пользователей через Google Tag Manager)
    Шаг 4 · схема интерфейса
  5. Шаг 05

    Создайте три элемента онбординга

    В разделе Сценарии создайте три элемента: Модальное окно с одним приветственным предложением и ссылкой на ключевой экран; тур Тултипы по шагам из 3–4 шагов на этом экране, собранный через Редактировать на сайте и Выбрать элемент; и Чеклист онбординга с оставшимися задачами настройки.

    Приветственное окно, подсказка тура и панель чеклиста — три этапа онбординга (онбординг пользователей через Google Tag Manager)
    Шаг 5 · схема интерфейса
  6. Шаг 06

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

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

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

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

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

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

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

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

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

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

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

Без данных о пользователе — по страницам и визитам

Установка через менеджер тегов ничего не знает об аккаунтах. Используйте адреса, куда попадают только новички (экран первого входа, ?welcome=1 после регистрации с URL содержит), и На N-й визит для чеклиста.

Не запускайте всё на одной странице

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

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

Как не показывать приветствие давним пользователям?

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

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

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

Какие части бесплатные?

Туры — бесплатно на тарифе Free. Приветственное окно, чеклист и правила аудитории — в Pro; в 14 днях пробного периода есть всё, без карты.

Сколько времени займёт?

Около сорока минут на первую версию: десять на окно, двадцать на тур, десять на чеклист. Дальше улучшайте по воронке.

Что ещё можно добавить через Google Tag Manager

Онбординг пользователей на других платформах

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

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

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

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

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