Кнопка "подписаться" на сайте, которая молча сливает тебе подписчиков
Расскажу про дыру, в которую утекает трафик у каждого второго бизнеса с Телеграм-каналом. Ставишь на сайт красивую кнопку "Подписаться", льёшь на неё рекламу, человек жмёт и... ничего. Пустая вкладка, вечная загрузка, ошибка. Он пожимает плечами и уходит. А ты этого даже не видишь в аналитике, ведь клик-то был. За клик ты заплатил. Подписчика не получил.
Я на эти грабли уже наступал, разбирался, и теперь кнопка работает у всех моих клиентов. Схема дубовая, копируется за две минуты.
почему обычная ссылка на t.me умирает
Ситуация знакомая. Ставишь https://t.me/название и считаешь, что дело сделано. А у части аудитории эта ссылка не открывается вообще. Провайдеры в России режут сам домен t.me, и без VPN человек упирается в стену. Он не виноват, ты не виноват, виновата сеть между вами. Но подписчика теряешь именно ты.
Работает спасение хитрее. tg:// это команда операционной системе: открой приложение Телеграм и покажи вот этот канал. Идёт мимо браузера и мимо блокировки провайдера, дёргает приложение напрямую. У человека с телегой на телефоне канал открывается мгновенно, безо всякого VPN.
в чём подвох, из-за которого нельзя просто заменить одну ссылку на другую
Казалось бы, бери tg:// и не мучайся. Но тут вторая яма. Схема сработает, только если приложение уже стоит на устройстве. Нет телеги на телефоне, и ссылка тихо умирает: человек жмёт, и не происходит ровным счётом ничего. Ни ошибки, ни редиректа, мёртвая тишина. То есть ты просто поменял одну категорию потерянных людей на другую.
Поэтому я не ищу ссылку получше. Я ставлю развилку: сначала пробуем дёрнуть приложение, а если за секунду тишина, уводим человека на запасной вариант. Дальше два способа, как эту развилку собрать.
вариант для тех, кто не хочет лезть в код
Самый честный и неубиваемый способ. Две ссылки рядом, никакого JavaScript, ломаться тут нечему в принципе.
<a href="tg://resolve?domain=Banyarsky">Открыть в приложении</a>
<a href="https://t.me/Banyarsky">Открыть в браузере</a>
Выглядит топорно, зато пашет на любом устройстве, в любом браузере, при любой луне. Человек сам выбирает, чем открыть. Телега стоит, жмёт первую и влетает в канал за секунду. Нет приложения, жмёт вторую. Я ставлю такой вариант на лендинги, где неохота тащить лишний скрипт ради одной кнопки.
вариант для тех, кому нужна одна красивая кнопка
Хочешь одну кнопку "Подписаться", чтобы она сама во всём разобралась, тут уже без скрипта никак. Логика простая: жмём, пробуем открыть приложение, а если за секунду ничего не случилось, тихо уводим человека на веб-версию. Сам пользователь этой механики даже не замечает, для него это просто кнопка, которая работает.
Сама кнопка в разметке обычная:
<a href="https://t.me/Banyarsky" onclick="openTG(event)">Подписаться</a>
А вся магия в скрипте:
function openTG(e) {
e.preventDefault();
const app = 'tg://resolve?domain=Banyarsky';
const web = 'https://t.me/Banyarsky';
let opened = false;
const onHide = () => { opened = true; };
document.addEventListener('visibilitychange', onHide);
window.location.href = app; // пробуем приложение
setTimeout(() => {
document.removeEventListener('visibilitychange', onHide);
if (!opened) window.location.href = web; // приложения нет, уходим в браузер
}, 1000);
}
как этот фокус работает на пальцах
Главный трюк тут в одной строчке, в отслеживании visibilitychange. Когда приложение реально открылось, вкладка браузера уходит в фон, потому что поверх неё выскочила телега. Браузер фиксирует, что страница спряталась, и мы это ловим. Спряталась, значит приложение есть и сработало, запасной вариант не трогаем.
А если за секунду тишина и вкладка никуда не делась, вывод простой: приложения нет, дёргать было нечего. Тогда скрипт спокойно отправляет человека в браузер. Секунду я взял не от балды, это тот зазор, за который успевает среагировать установленное приложение, и при этом человек не чувствует тормозов.
честно про границы, серебряной пули тут не бывает
Продавать это как решение всех проблем разом не буду. Есть пограничный случай: у человека и приложения нет, и провайдер режет ему t.me. Тогда фолбэк упрётся в ту же стену, и спасёт только VPN или web.telegram.org. Но таких людей единицы. У подавляющего большинства телега на телефоне стоит, и tg:// открывает канал мгновенно, ради них всё и затевается.
И последнее, самое практичное. Слово Banyarsky во всех примерах это заглушка, имя моего канала. Меняешь его на свой юзернейм во всех трёх местах, и кнопка готова. Ни ключей, ни токенов, ни платных сервисов, чистый HTML и десяток строк скрипта.
а ты вообще проверял свою кнопку с чужого телефона?
Вот тебе задание на сегодня. Открой свой сайт с чужого телефона, жены, тёщи, случайного коллеги, там где нет твоих настроек и VPN не висит по умолчанию. И ткни в свою кнопку "Подписаться". Вполне может оказаться, что ты прямо сейчас платишь за рекламу, которая ведёт людей в красивую пустоту. А чинится это, как видишь, за один вечер.