Подключение MiniApp TG
Мало кто знает, но абсолютно любой сайт можно сделать MiniApp-приложением в Telegram!
Вы можете внутри блок-схем сделать сообщение с кнопкой, которое будет открывать приложение с сайтом, даже если этот сайт сделан на любом другом конструкторе сайтов.
Однако, если вы сделали сайт у нас, то вы можете еще и реагировать на действия пользователя внутри этого сайта: реагировать на кнопки, собирать данные с форм и т.д.
Если вам нужно, чтобы Малти мог реагировать на события внутри приложения, достаточно скопировать специальную ссылку.
- Откройте редактирование вашей страницы
- Нажмите кнопку "Поделиться"
- Нажмите кнопку "Скопировать для Telegram"
- Готово! Теперь можете использовать эту ссылку в нужных местах
P.S. данная кнопка не появится, если у вас еще не установлена интеграция с Telegram.
Всего существует два способа открытия MiniAppp Telgram:
- Внутри бота по кнопке
- По ссылке (например, в канале)
1. Для бота достаточно использовать инлайн-кнопку с типом "Приложение"
2. Для создания MiniApp, доступного по ссылке, вам понадобится:
- Открыть бота @BotFather
- Ввести и отправить боту команду
/newapp
- Выберите из списка бота, к которому будет привязано ваше приложение
- Введите название приложение, которое будет отображаться сверху
- Введите краткое описание приложения
- Отправьте картинку размером 640x360 пикселей
Вот вам картинка для примера:
- Отправьте анимированный GIF-файл. Не знаю зачем, но можете написать
/empty чтобы пропустить этот пункт
- Отправьте ссылку на главную страницу. Например:
https://myschool.uki.ai/?tg-mini-app=122
Где: myschool - ваш поддомен
https://myschool.uki.ai/ - полная ссылка главного сайта
122 - id интеграции с Telegram внутри MultyAI
Увидеть этот id можно, если зайти в список интеграций, Telegram, выбрать вашего бота и скопировать id из ссылки в браузере.
Например: https://app.multy.ai/project/1600/integration/edit/122?platform=tg
- Придумайте короткий алиас для вашего приложения. Например: myapp
- Готово! Вы получите ссылку в формате t.me/name_bot/myapp - можете начать тестировать или делиться этой ссылкой с другими.
Для формирования ссылки на конкретную страницу, используйте следующий пример:
https://t.me/name_bot/myapp/?startapp=page-123
Где 123 - это id страницы
Id страницы можно скопировать из адресной строки браузера, после /page/123
Например, тут id страницы: 1864
