Интерактивные профили участников чата в формате WebApp

Наш клиент — диджитал-компания, занимающаяся выпуском качественного контента для запусков рекламы и продвижения брендов.

Когда в компании появлялся новый проект, кто-то из менеджеров агентства создавал новый чат и добавлял туда сотрудников, назначенных на производство.

Бывало, что в одной группе собирались люди из разных отделов, и кроме ника и аватарки узнать о них что-то большее было просто негде. Писать каждому не всегда удобно, ещё страннее — спрашивать друг у друга, кто чем занимается, особенно если делаешь это уже не в первый раз.

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

Чем больше становится компания, тем больше новых людей в ней появляется. Создать тёплое комьюнити сотрудников, работающих на удалёнке, в таких условиях становится всё сложнее и сложнее.

Как бот решает эти сложности

В только что созданную группу можно «пригласить» чат-бота и назначить его администратором. Затем нужно подождать несколько минут, пока бот настроится на работу, а после этого менеджер может спокойно добавлять сотрудников компании, ответственных за новый проект.

После вступления в группу каждому из участников бот в окне мини-приложения предложит пройти быструю регистрацию. Позже в уже созданном для него профиле сотрудники могут указать личную информацию — имя, фамилию, должность, сферу деятельности и несколько слов о себе.

В отдельном блоке есть возможность указать ссылки на личные сайты, соцсети и портфолио. При этом создавать никнейм и загружать фотографию не нужно, если они уже есть в профиле Телеграма.

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

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

Теперь это не просто какие-то строчки списка с никами и аватарками, это живые люди со своим уникальным опытом и жизненными интересами.

Какие ещё возможности бот имеет

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

Кроме того, внизу страницы отображаются бывшие участники группы. Это может быть полезно для менеджера, которому нужно всегда «держать» всех специалистов под рукой.

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

Как чат-бот работает с технической точки зрения

Всего у системы две составляющих:

— базовая отвечает за функциональные действия и проводится в чат-боте. Сюда входит авторизация, добавление чат-бота в группу, назначение бота администратором, запуск чат-бота пользователем;

— основная отвечает за коммуникационные функции и проводится в мини-приложении (Mini App). Сюда входит заполнение профиля; просмотр чатов, в которых состоит пользователь; просмотр списка участников, состоящих в группах; просмотр списка людей, пригласивших пользователя в группу; поиск в группах по личным данным участников.

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

Выше мы упоминали регистрацию в мини-приложении. С технической точки зрения она работает как авторизация с автоматическим созданием профиля в мини-приложении.

В момент первого открытия мини-приложения сгенерированный уникальный токен авторизации пользователя автоматически передаётся из бэкенда к фронтенду.

В дальнейшем в моменты перемещения пользователем по разделам мини-приложения фронтенд с уже полученным токеном отправляет по API такие же автоматические запросы бэкенду.

Сам токен привязан к ID Телеграма, поэтому пользователю не нужно ждать загрузки информации больше, чем одну секунду.

Долгосрочное сотрудничество

С клиентом мы начали работать в октябре, а уже в декабре выпустили первую версию.

После этого сотрудники компании протестировали новый продукт у себя в команде, а затем принесли пожелания по улучшению бота и мини-приложения.

Так появились дополнительные функции, среди которых:

— просмотр даты регистрации профиля участника;

— возможность скрывать неактуальные группы в списке активных;

— возможность менять текст интерфейса чат-бота и управлять обязательными параметрами для создания группы в административной панели;

— просмотр статистики от Яндекс Метрики, Гугл Аналитики и Гугл Тег Менеджер.

Через некоторое время после первого обновления появилось второе, а затем и третье. Мы планируем и дальше развивать чат-бота вместе с нашим клиентом.