Clew изнутри: что мы собрали вместо туров Intercom и Appcues — и чего в нём нет

Если вы ищете, чем заменить туры Intercom или Appcues, эта заметка должна ответить на вопрос «подходит ли нам Clew» ещё до регистрации: из чего он состоит, какие данные собирает и где проходят его границы.

Откуда он взялся

У нас несколько своих продуктов: сервис исследований kust.io, dmp.one, salesei.ai. Во всех нужен был один и тот же слой поверх интерфейса — довести новичка до первого действия, рассказать о новой функции, задать короткий вопрос.

Зарубежные сервисы для этого не оплатить российской картой, а данные посетителей у них хранятся за рубежом. Писать туры в коде каждого продукта тоже не хотелось: любая правка текста превращалась в релиз. Мы сделали один движок, поставили его себе, а потом открыли другим.

Из чего он состоит

• Виджет — один файл на чистом JavaScript без зависимостей. Переживает смену маршрутов в SPA на React, Vue и чём угодно ещё.
• Визуальный редактор — открывается поверх вашей же страницы по одноразовой ссылке, которая действует 30 минут. Админский токен в браузер посетителя не попадает.
• Сервер — один процесс на Node.js с единственной зависимостью, Express. Данные — во встроенном SQLite.
• Кабинет — туры, статистика по шагам, A/B-тесты, вкладка «Здоровье» со сломанными шагами, роли и журнал действий.

На сайт виджет ставится одной строкой:

<script src="https://tryclew.ru/widget/ВАШ_КЛЮЧ.js" async></script>

Ключ сайта публичный, но привязан к списку доменов: выдача туров и приём событий отвечают только страницам с этих доменов и их поддоменов. Пока список пуст, ключ работает на любой странице — удобно для первой пробы, но перед запуском домен лучше вписать.

Что виджет знает о посетителе

Меньше, чем обычно ожидают. Посетитель получает случайный идентификатор в localStorage — он нужен, чтобы считать уникальные показы и прохождения и чтобы человек в A/B-тесте всегда видел один и тот же вариант. Этот идентификатор ни из чего личного не выводится, IP-адрес мы не храним.

Свойства пользователя, которые вы передаёте через TutorKit.identify() — тариф, роль, число дней с регистрации, — остаются в браузере. На сервер уходят только их названия, чтобы редактор мог подсказать их в правилах показа.

Если на теге стоит data-no-track, виджет показывает туры, но ничего не отправляет. Так мы сами подключили его на tryclew.ru: статистика включается вызовом TutorKit.setTracking(true) только после согласия в cookie-баннере.

Self-hosted: когда облако не подходит

Clew можно поставить в свою инфраструктуру — docker-образ или один процесс Node. Тогда данные посетителей вообще не выходят за ваш периметр. Лицензионный ключ коробочной версии проверяется офлайн по подписи Ed25519, так что серверу не нужно обращаться к нам. Код открыт под AGPL-3.0, для закрытых доработок есть коммерческая лицензия. Подробнее — на страницах онбординг в закрытом контуре и для банков и финтеха.

Чего в Clew нет

• Чата и рассылок. Intercom — прежде всего мессенджер поддержки. Его Clew не заменяет, только продуктовые туры и подсказки.
• Нативных SDK для iOS и Android. Clew работает в вебе: в веб-приложении, на сайте, в личном кабинете.
• Уведомлений о сломанных шагах на почту. Такие шаги видны во вкладке «Здоровье» в кабинете — туда нужно заглядывать.
• Таргетинга, чеклистов и A/B-тестов на бесплатном тарифе. На Free — один сайт и до трёх опубликованных туров и подсказок. Остальное — с тарифа Pro, у платных тарифов 14 дней пробного периода без карты.

Где он уже работает

Первым делом — у нас. В kust.io, по нашим внутренним данным, после запуска онбординга на Clew конверсия в активацию выросла на 30%, а доля завершивших онбординг — на 50%; подробности и оговорки — в разборе кейса kust.io. В dmp.one и salesei.ai внедрение идёт, цифр пока нет, и на странице кейсов так и написано.

А на самом tryclew.ru Clew встречает новых пользователей Clew. Как это настроено и почему результатов мы пока не публикуем — в статье про нашу активацию.