Что такое Telegram Web Apps?

В прошлом посте я сказал, что расскажу вам о том, что же это и с чем их едят.

Tg web app - это сайт, который запускается внутри самого Telegram.

Не верите, что все так просто?🧐
Воспользуйтесь моим ботом @taplink_orders_bot, отправив в него команду и ссылку через пробел.

Если непонятна инструкция в боте - смотрите скриншоты выше😉

Что ещё могу про них рассказать для общей информации:

🎯 Сейчас они начинают набирать обороты, особенно теперь, когда убрали "страшное" сообщение.

👀 Можно использовать для проведения вебинаров, не выходя из Telegram.
(Ухты, Геткурс или Бизон сразу в ТГ)

🎮 Так как это сайт - можно сделать любой удобный и понятный интерфейс.

🤑 Подходит для оффлайн и онлайн бизнеса

Какие есть минусы:

🧐 Запускается в пол экрана(потом можно растянуть), если без настроек специальных, которые пишуются кодом на сайте.

😵 Легко случайно закрыть.
Чтобы этого избежать - надо тоже прописать условия на сайте кодом.

🕹 Игра с экранным джойстиком - неудобно использовать.
Часто будет съезжать поле с игрой вниз, что будет бесить пользователя.
А если сильно потянет - то и вовсе игра закроется(если не решена проблема выше)🥲

‼️Не замена защищенной авторизации на сайте!
Если вы делаете платный продукт - вам необходимо продумать выдачу ссылки на web apps и/или продумать, как происходит авторизация там, чтобы не произошла утечка данных вашего курса.


В одном из следующих постов расскажу, чем tg web apps полезны для вашего бизнеса.

Приятный бонус:
Я выступал с темой Tg web apps спикером в ОЛИМП и Salebot, потому держите ссылки:
1. Web apps. Общая информация
2. Web apps. Техническая сторона

Вам понятно было? 🤔
Если есть вопросы - пишите в комментариях 👇

Telegram Web App в общих чатах и каналах

Всем 👋

Что же ещё такого сделала команда Telegram для Web Apps?

Теперь вашим веб-приложением может воспользоваться любой человек в Telegram, даже не переходя в бота.

Как это работает?
Вместо слов - нажмите на ссылку http://t.me/plavkobot/skate_game

У вас запустится игра👍

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

У них несовсем правильно написано, так как ссылку общую можно сделать любому пользователю Telegram.
Я для своего бота сделал ссылку, которую вам прикрепил.

А вот специальную другую ссылку - уже как раз только тем, у кого рекламная компания в Telegram есть, да и то, только крупным игрокам.

Однако они получают возможность, что web app можно будет закрепить в меню скрепки любому пользователю. А это покруче общей ссылки будет 🤩

А какое применение для этой технологии видите вы?
Пишите свои мысли в комментариях👇

Tg web app. AR. Польза бизнесу. Часть 1

Всем AR!
На связи Михаил Плавко😎

Чтобы определить, чем AR полезна для бизнеса, стоит сначала понять, что это такое.

Из поста выше, вы уже поняли, что она из себя представляет.

Потому сейчас буду краток:
AR = Augmented Reality = Дополненная Реальность.
Как видно из названия - это наложение виртуальных объектов на видео реального мира.

А теперь, чем она может быть полезна для бизнеса:

🎯 Достичь Вау-эффекта и увеличить продажи.
Пожалуй, самое первое, что приходит в голову.

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

Также этот эффект может послужить бесплатной рекламой для вашего продукта и обеспечить дополнительным трафиком.


🎮 Повысить вовлеченность.
Вы хотите завлечь подписчиков новым интерактивом?
Маска с игрой поможет их развлечь и размять им шею!

Пример:
Шляпа из Гарри Поттера, которая распределяет по факультетам и отдает результат в бота для дальнейшей игры.


🦄 Выделиться среди конкурентов.
Опять же, Вау-эффект, который поможет сделать дополнительную рекламу вас и вашего продукта.

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

А чем бы AR был полезен для вас?
Пишите в комментариях👇

Tg web app. AR. Польза бизнесу. Часть 2

А теперь, почему именно в боте:

1. Контент не для всех.
Можно сделать маску доступной только после оплаты продукта, подписки на канал или другой активности.

2. Не требует установки других программ.
Telegram сейчас есть почти у всех.

3. Сбор базы для рассылок и последующей продажей.
Когда пользователь просто перейдёт в бота и воспользуется AR-маской - бот сможет напоминать о себе и даже закрыть на покупку продукта, в отличие от того, если бы пользователь просто перешел на сайт или воспользовался инстаграм-маской.


А вы уже использовали AR для бизнеса?
Если нет - то что бы вы хотели увидеть по этой теме?
Пишите в комментариях👇

Web Apps. AR

Всем привет!
На связи Михаил Плавко😎

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

Но не разочаровывайтесь - впереди ещё посты с вебапой, которая работает на всех устройствах 🔥

И так, задача:
Сделать крутящийся текст вокруг головы.

Спойлер итога:
У меня все-таки получилось ее сделать, смотри видео

Реализация маски выше.

Этап 1.
Я решил сделать текст способом, который я использовал для предыдущей маски.

Результат этапа 1:
Не сработало 💢
Он закручивается как нимб, а не по другой оси, чтоб вокруг лица, как грива льва.


Этап 2.
Я использовал другую функцию для создания текста.

Результат этапа 2:
Не сработало.😾
Данный способ не подразумевает возможность закручивания текста в круг.


Этап 3.
Я использую функцию создания текста из этапа 2, но с некоторой модификацией при создании.
Инфо для технарей: используя шейдеры, можно текст и любую другую геометрию закрутить как душе угодно. Но нужен матан.

Вот он то и занял всю оставшуюся ночь😁

Результат этапа 3:
Не сработало...
Не получилось за ночь расколоть этот орешек. Чтобы это понять, мне необходимо будет либо подтянуть инфу по матану, либо провести реверсинжиниринг кода одного примера, который сделал человек. (да, да, у меня и с ним тоже не получилось)


Этап 4.
Раз важен лишь результат, как оно будет отображаться, то мне не важно, какие технологии я буду использовать.

Потому я отрисовать картиночку в кореле, загрузил ее на хостинг и отобразил ее на сайте + добавил к ней анимацию кручения.

Результат:
Успешно работает🔥
На этот этап ушло от силы 2 часа, так как я уже с этим работал.


Итог:
Если есть задача, то можно попробовать решить ее разными способами.
Это сейчас я для себя попробовал разные варианты, так как мне было интересно(особенно этап 3).

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

А с какими нишами вы работаете?
Пишите списком в комментариях👇

Истории в Telegram

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

Что хочу добавить от себя, что нигде не увидел.

Но, для начала:
Как думаете, будут ли там AR-маски и фильтры?

Я считаю, что да, но скорее всего не сразу.

Почему я так считаю:
Где-то больше чем с пол года назад, Telegram проводил хакатон по созданию движка/библиотеки для работы с AR.

Не помню уже подробностей, но сам факт.

Если они его проводили, значит у них явно есть планы на внедрение этой технологии к себе в инфраструктру.

А вы пользовались AR-масками в инстаграм?
Пишите в комментариях👇

Генерация крутых QR-кодов стала еще проще — энтузиасты запустили сервис Stockimg․ai.

Работает невероятно просто: вставляете свою ссылку и вводите промт для генерации.