Привет! На связи Никита, основатель digital-агентства Vibes.
Мы разрабатываем Mini Apps с момента их появления в Telegram в 2022 году. За это время мы создали более 60 приложений — от ботов для ВТБ до внутренних платформ для закрытых комьюнити.
Пишем обо всем этом в Telegram-канале, где нас читают уже больше 65 000 человек. Подписывайтесь, буду рад!
В этой статье расскажу, почему часть Mini App-функционала не работает в вебе и как мы учитываем это еще на этапе проектирования. Особенно актуально для тех, кто рассчитывает на рост аудитории за счет внешнего трафика или делится ссылками на приложение за пределами Telegram.
Клиенты приходят к нам с запросом: «Хочу, чтобы мини-приложение открывалось по ссылке и вне Телеграма — на сайте, в десктопе, в браузере». Технически это возможно. Но важно понимать, что Mini App в вебе — не то же самое, что Mini App внутри Telegram-клиента.
Некоторые функции просто не работают в браузерной версии Telegram. А значит, пользователь, который попал в приложение по внешней ссылке, может столкнуться с «мертвыми» кнопками, обрывами сценариев и пустыми экранами.
Проблемы в вебе касаются не визуальной части, а логики, которая опирается на Telegram API. В браузере Telegram урезан и не отдает критические данные. Вот где чаще всего возникает «затык»:
Когда мы в Vibes проектируем Mini App, мы сразу предполагаем, что часть трафика будет приходить из веба. Поэтому делаем:
Когда мы создавали Mini App для выпускников, важно было, чтобы приложение открывалось по ссылке — прямо с сайта. Но Telegram в вебе не передавал user_id, а логика в приложении была завязана на проверку доступа. Мы переписали сценарий так, чтобы в Telegram пользователь попадал сразу в закрытую часть, а в вебе видел экран с объяснением и предложением открыть Telegram, либо авторизоваться через форму с верификацией по телефону.
Благодаря этому Mini App работает стабильно и внутри Telegram, и по внешним ссылкам, что повысило вовлеченность.
Мы в Vibes помогаем продумать сценарии так, чтобы ни один пользователь не остался с пустым экраном. Уже на этапе прототипа мы тестируем поведение в браузере и подстраиваем логику под ограничения Telegram.
Хотите разобрать ваш кейс и получить консультацию? Напишите нам в Telegram @vibes_manager или на hello@vibes.band, и мы расскажем, какие сценарии можно адаптировать под веб, а какие лучше оставить только для Telegram.
Также можем помочь с продумыванием архитектуры Mini App, интеграцией с CRM и оплатами или с запуском приложений для комьюнити, курсов, банков и брендов.
А еще в Telegram-канале Vibes мы регулярно выкладываем кейсы и примеры интерфейсов Mini Apps — подпишитесь, чтобы не пропустить новое https://t.me/vibes_band.