Откуда пришли пользователи: first-touch attribution для NestJS + React + Telegram Mini App в 100 строк кода

Я делаю голосовой AI-репетитор английского. Продукт живёт в трёх местах: веб-сайт speakwithai.pro , Telegram Mini App и Android-приложение в RuStore. У меня одна и та же база пользователей на NestJS + Postgres, и мне очень нужен ответ на вопрос: откуда вообще приходят люди? Yandex.Metrika и Google Analytics показывают только сайт. Telegram Mini App для них — чёрный ящик. Android-приложение через WebView — тоже. Из 6000 просмотров статьи на Habr я не мог сказать, сколько оттуда пришло в продукт, и через какой канал (TG, веб, app). Я не хотел тащить большую CDP вроде Mixpanel или Amplitude — для соло-разработчика это overkill. Вечером сел и сделал simplest-thing-that-could-possibly-work: одна колонка в БД, парсится при первом визите, читается на регистрации. 100 строк кода. Делюсь. Если интересно посмотреть на сам продукт — он живёт здесь: 🤖 Telegram-бот 🌐

https://habr.com/ru/articles/1030560/

#attribution #firsttouch_attribution #UTMметки #Telegram_Mini_App #start_param #NestJS #React #вебаналитика #TypeScript #маркетинговая_аналитика

Откуда пришли пользователи: first-touch attribution для NestJS + React + Telegram Mini App в 100 строк кода

Без сторонних библиотек, одной колонкой в БД, для соло-разработчика которому надо узнать что у него работает. Я делаю голосовой AI-репетитор английского. Продукт живёт в трёх местах: веб-сайт...

Хабр

Telegram Mini App для PWA-приложения: как я перешёл с TWA для RuStore и что выяснил по дороге

Я разрабатываю PWA для голосовой практики английского. Несколько раз пытался опубликовать его в RuStore через Trusted Web Activity (TWA) — Google-обёртку, которая упаковывает PWA в подписанный Android AAB. После четырёх отказов модерации я понял, что для моего класса приложений TWA в RuStore не работает, и за день переключился на Telegram Mini App. Эта статья — не история стартапа, а разбор технических решений:

https://habr.com/ru/articles/1029400/

#telegram_mini_app #twa #trusted_web_activity #rustore #bubblewrap #pwa #android #hmac #авторизация

Telegram Mini App для PWA-приложения: как я перешёл с TWA для RuStore и что выяснил по дороге

Я разрабатываю PWA для голосовой практики английского. Несколько раз пытался опубликовать его в RuStore через Trusted Web Activity (TWA) — Google-обёртку, которая упаковывает PWA в подписанный Android...

Хабр

Магазин игрушек — геймификация в ритейле: Пятёрочка, Самокат, Магнит, Перекрёсток и другие

Привет! На связи Никита Морозов, и это вторая обзорная статья из серии, посвященной геймификации в различных отраслях.

https://habr.com/ru/articles/1020418/

#геймификация_в_бизнесе #продуктовая_геймификация #ритейл #маркетинг_игр #маркетинг #геймификация #разработка_игр #telegram_mini_app

Анализ доступности Open Academy для незрячих и текстовых ИИ-моделей + рекомендации по улучшению удобства использования

Open Academy — это Telegram mini app для обучения финансам (в будущем и другим направлениям) прямо внутри Telegram и в удобном формате слайдов. В этой статье я разбираю доступность интерфейса Open Academy с точки зрения незрячего пользователя и показываю, какие элементы можно улучшить.

https://habr.com/ru/articles/1006754/

#accessibility #screen_reader #arialabel #tabindex #UX #интерфейсы #Telegram_mini_app #доступность

Анализ доступности Open Academy для незрячих и текстовых ИИ-моделей + рекомендации по улучшению удобства использования

Open Academy — это Telegram mini app для обучения финансам (в будущем и другим направлениям) прямо внутри Telegram и в удобном формате слайдов. В этой статье я разбираю доступность интерфейса Open...

Хабр

Мы запихнули LifeOS в Telegram Mini App: как сделать сложный UI на React + Framer Motion и не сойти с ума

На рынке тысяча трекеров привычек. Еще тысяча трекеров зала. И еще сотня приложений для медитаций. Проблема одна: они разрозненны. Данные о том, что я плохо спал, никак не влияют на план тренировок в другом приложении. А медитация живет в вакууме от уровня стресса. Мы хотели создать LifeOS — единую систему управления собой, которая живет там, где я провожу 90% времени. В Telegram. Никаких впнов, ноушенов и тому подобное не надо. Но была проблема: стандартные Telegram WebApps часто выглядят... как веб-сайты из 2010-го. Мне нужен был «вайб» Apple: премиальный, темный, с глубокими тенями и, главное, тактильный. Так появился UltyMyLife. Вот как мы строили архитектуру дисциплины на React. Интересный факт: Перед тем как релизнуть проект, мы поняли, что нужен полный редизайн, и в итоге потратили еще пару недель.

https://habr.com/ru/articles/992100/

#telegrambot #telegram_api #telegram_mini_app #react #rxjs #framer_motion #javascript

Мы запихнули LifeOS в Telegram Mini App: как сделать сложный UI на React + Framer Motion и не сойти с ума

Кто за этим стоит? Нас двое, и этот проект — результат столкновения двух разных подходов к разработке: Дмитрий Спирихин (Я) — System Architecture & Full-stack Development. Я притащил в проект...

Хабр

35 млн рублей, акции Tesla и 4 млн пользователей. Продуктовый разбор игровой акции GiftFest

35 миллионов рублей. Акции Tesla, NVIDIA и Google. Миллионы пользователей в Telegram-mini-app. И при этом — ни внятного описания организаторов, ни нормальной документации, ни ответа на вопрос, как именно победителям будут выдавать акции крупных компаний. GiftFest выглядит как очередной розыгрыш с жирным призовым фондом. И в то же время это аккуратно собранный инструмент управления вниманием, поведением и трафиком. Ниже — продуктовый разбор того, как именно работает эта геймификация и какие задачи она решает для бизнеса.

https://habr.com/ru/articles/979604/

#геймификация #gamification #акция #telegram_mini_app #игровые_механики #игровые_сценарии #вовлечение_пользователей #вовлечение_пользователей_уловки

35 млн рублей, акции Tesla и 4 млн пользователей. Продуктовый разбор игровой акции GiftFest

Содержание статьи: О самой акции – Gift Fest Привлечение аудитории. Пользователи ивента Игровые механики акции Монетизация акции: прямая и рекламная Бизнес ценность Выводы Подгайский Дмитрий Внедряю...

Хабр

Rust вместо React: как я написал Telegram WebApp SDK на Rust

Фронтенд на Rust — звучит странно? Я написал Telegram WebApp SDK на Rust, совместимый с официальным API, и уже использую его в реальных проектах. В статье — зачем я это сделал, с какими проблемами столкнулся и чем это лучше привычного React. Проявить заинтересованность

https://habr.com/ru/articles/958402/?utm_source=habrahabr&utm_medium=rss&utm_campaign=958402

#telegram #telegram_mini_app #telegram_api #rust #wasm #frontend

Rust вместо React: как я написал Telegram WebApp SDK на Rust

Telegram WebApp SDK на Rust: как я полюбил фронтенд Telegram WebApp (MiniApp) with Rust Предисловие Это моя первая статья на Хабре. На первый взгляд может показаться, что она хорошо структурирована и...

Хабр

Rust вместо React: как я написал Telegram WebApp SDK на Rust

Фронтенд на Rust — звучит странно? Я написал Telegram WebApp SDK на Rust, совместимый с официальным API, и уже использую его в реальных проектах. В статье — зачем я это сделал, с какими проблемами столкнулся и чем это лучше привычного React. Проявить заинтересованность

https://habr.com/ru/articles/958402/

#telegram #telegram_mini_app #telegram_api #rust #wasm #frontend

Rust вместо React: как я написал Telegram WebApp SDK на Rust

Telegram WebApp SDK на Rust: как я полюбил фронтенд Telegram WebApp (MiniApp) with Rust Предисловие Это моя первая статья на Хабре. На первый взгляд может показаться, что она хорошо структурирована и...

Хабр

TMH: как создать музыкальный хаб на PHP, Telegram и виртуальном хостинге

Telegram Music Hub (TMH) — это open-source решение, которое превращает ваш Telegram-канал в единое цифровое пространство для музыки, блога и сообщества . И всё это — на самом обычном виртуальном хостинге , без баз данных, без сложных зависимостей, без дорогих серверов. 👉 github.com/tcse/php-TMH

https://habr.com/ru/articles/944144/

#telegrambot #telegram_mini_app #telegram_api #music_player #blog_engine

TMH: как создать музыкальный хаб на PHP, Telegram и виртуальном хостинге

основные возможности скрипта TMH by TCSE Telegram Music Hub (TMH) — это open-source решение, которое превращает ваш Telegram-канал в единое цифровое пространство для музыки, блога и сообщества . И всё...

Хабр

Rattle: узнаём об ошибках в Docker раньше, чем сообщит клиент

Контейнеры падают, а вы узнаёте об этом постфактум? Ошибки в логах проходят мимо? Собрал Rattle за три дня — простой self-hosted инструмент, который отправляет события из Docker в Telegram. Без лишних панелей, без сложной настройки — просто работает и сообщает о самом важном. В статье рассказываю, зачем он мне понадобился, как устроен внутри и как можно быстро развернуть его у себя. Покажу Telegram Mini App, через которую удобно управлять уведомлениями. 📎 Ссылка на репозиторий: github.com/rattle-bot/rattle

https://habr.com/ru/articles/921582/

#docker #go #golang #telegram_mini_app #selfhosted #логгирование #контейнеры #telegramбот #devops #open_source

Rattle: узнаём об ошибках в Docker раньше, чем сообщит клиент

Rattle — лёгкий инструмент для мониторинга логов Docker, который помогает оперативно получать важные ошибки в Telegram до того, как о них напомнит клиент. Всё запускается через Docker Compose — без...

Хабр