
Привет, друзья. Сегодня поговорим о том, как сделать активную ссылку на Telegram, Whatsapp и Viber, то есть на свои профили или группы в этих замечательных (и не очень) мессенджерах.
Речь идет о ссылках, подобных телефонным или для почты, когда, кликая по ним открывается ваше приложение для работы с почтой или набранный номер.
Подобную операцию можно провернуть и с мессенджерами. Многие активно используют их (ссылки на мессенджеры), в построении автоворонок и, говорят, что такие мобильные лендинги имеют невероятную конверсию.
Зачем делать активную ссылку на мессенджер?
Мессенджеры пользуются огромной популярностью. Многие заводят каналы и паблики, так как информацию можно доносить прямо в телефон целевой аудитории, да еще и push-уведомлением, а значит пользователь обязательно увидит ваше сообщение.
Кроме того, оставляя такую ссылку на своем сайте, мы позволяем написать нам, ведь для многих звонок — это стресс, писать сообщение намного проще. Но это еще не все, ведь некоторым невыгодно звонить из региона в регион, или из страны в страну, а мессенджеры сделают звонок бесплатным.
В чем сложность?
Проблемы начинаются в тот момент, когда нужно поддерживать и мобильную версию и десктопную, то есть в 99% случаев. Дело в том, что приложение для телефонов и приложение для компьютера работают с разными ссылками и получается, что если указать ссылку для смартфона, то приложение для ПК сработает некорректно или совсем не сработает. Это касается мессенджера Viber, при этом WhatsApp и Telegram не испытывают подобных проблем.
Кроме того, не все знают как именно должна выглядеть ссылка, чтобы она открывала приложения. Чтобы вам не приходилась искать на разных сайтах, я сделал эту статью с инструкцией как правильно ставить активную ссылку на сайте, чтобы при клике на нее открывался мессенджер и сразу отправлял пользователя в чат с вами.
Давайте разбираться как должен выглядеть атрибут «href» у ссылок на тот или иной мессенджер.
Как поставить ссылку на свои профиль в Telegram?
Как я уже говорил с этим замечательным мессенджером нет никаких проблем в плане проставления ссылки. Главное правильно прописать значение в атрибуте href. Для этого достаточно воспользоваться шаблоном:
<a href="https://t.me/NikName">Написать в Телеграм</a>
"NikName" – это имя пользователя, которые вы задавали в Телеграме. То, которое с символом @. В моем случае это @Dimadv, но вставлять нужно без "@". Так:
<a href="https://t.me/Dimadv">Написать в Телеграм</a>

Как поставить ссылку на свой профиль в WhatsApp?
С проставлением ссылки на свой профиль в мессенджере WhatsApp, тоже никаких проблем нет. Кроме того, есть возможность даже добавить текст по умолчанию, который уже будет набран и пользователю останется его только отправить.
Ссылка должна выглядеть следующим образом:
<a href="https://wa.me/380950000000?text=Здравствуйте.%20Вопрос%20по%20поводу%20продвижения.">Написать в WhatsApp</a>
Где:
- "380950000000" – ваш номер телефона,
- "?text=" – параметр содержащий текст по умолчанию,
- "%20" – символ пробела в сообщении.
Тут, как видите, тоже все достаточно просто.
Как поставить ссылку на свой профиль в Viber?
При проставлении ссылки на Viber нужно учесть некоторые особенности. Делво в том, что десктопное и мобильное приложение по-разному воспринимают символ "+". В связи с этим раньше были проблемы с тем, чтобы задать разную ссылку под разные устройства и я писал код, котрый подменял ссылку в зависимости от типа этого устройства, но один из читателей посоветовал другой подход. Спасибо вам за то, что делитесь со мной подобными решениями. Ссылку нужно задать в виде:
<a href="viber://chat?number=%2B380950000000">WhatsApp</a>
Где "%2B" - этот тот самый закодированный "+", который воспринимают обе версии приложений.
Надеюсь, теперь у вас не возникнут проблемы с добавлением ссылок на сайт, которые ведут на ваши профили в мессенждерах. Если возникнут вопросы, задавайте в комментариях.
65 комментариев
отлично! очень пригодится
На счёт Viber, не совсем так...
Правильней будет:
Вместо viber://add написать viber://chat, тогда не нужно добавлять номер телефона, сразу открывается чат.
Спасибо) Помечу в статье, чтобы обращали внимание на комментарии.
Добрый день! А есть общая ссылка, чтобы сразу был указан вайбер и ватсаб, потом всплывает окошко с иконками и клиет сам выбирает, где ему написать
John LapTev, дело в том что вайбер с add работает хорошо на мобильном, а вот для десктопа работает chat. Поэтому такая проблема есть.
Лучше использовать __https://msng.link/ru там генерируется ссылка с add, т.к. почти все кликают с телефона, редко у кого есть приложение на ПК.
Антон, что-то не всегда это работает
Подскажите как правильно нужно указать ссылку на свой канал в телеграм?
Елена, перейдите в канал, затем "настройки" (три точки) -> "Описание канала" и там будет ссылка на канал.
В верстку добавляется как любая другая ссылка.
СПАСИБО! я в восторге! Очень помог
Андрей, здорово)
Моя полная ссылка с примером выше автоматически превратилась в ссылку)
Я бы рекомендовал по другому, к тому что передает текст и сразу открывается чат)
Спасибо большое за дополнение)
Максим, а как сделать примерно тоже самое для Вайбера, чтоб открывался чат и текст был уже прописан
Пробелы не читаются во первых. Во вторых в статье пишут проценты %20, но в тексте тоже прописывают эти проценты. То есть текст с процентами. Как избавится от них? Чтобы были пробелы
Здравствуйте. Подскажите, я добавляю ссылку в Adobe muse, и в окне, которое я добавил, появляется надпись "viber" я не могу ее убрать или редактировать. Как сделать чтобы код встраивался без надписи?
Не понимаю вообще о чем речь, так как не работаю с Muse
Как поставить зеленую палку после 1? Мне vix не пропускает ссылку
как поставить активную ссылку на контакт в whatsapp в письме whatsapp?
А в чем может быть отличие?
Подскажите код, как вставить иконки вайбера, вацапа и телеграмма, чтобы при клике на иконку в мобильной версии пользователь переходил в соответствующий мессенджер для написания сообщения.
ссылка "viber://add?number=......" не работает с мобильным приложением(
А так?
Перепроверил. Работает и так и так.
Есть одна ерунда у Viber.
работает на телефоне.
а
работает на ПК
Как сделать что бы правильная ссылка показывалась в зависимости от устройства?
Ссылка на Вайбер не работает у меня
Красавчик, спасибо!
И у меня на Вайбер не работает (
у кого не работает ссылка на андроиде и выскакивает ошибка, что нужно обновить вайбер, уберите "+" перед номером.
в айфоне работает независимо от этого
А еще можно каким-нибудь сервисом воспользоваться, _https://wapp.click/ например.
Бесплатно и без рекламы, для инстаграма очень удобно
Подскажите пожалуйста, ниже приведены две ссылки, первая открывает вайбер и передает подготовленный текст, остается только выбрать получателя и нажать отправить, вторая ссылка запускает вайбер и сразу открывает чат с тем пользователем, который указан в ссылке, а как объединить это? Тоесть что бы открывало данного пользователя и сразу бросало ему подготовленный текст. Спасибо.
href="viber://forward?text=Заказ номер 777 - покупатель просит набрать"
и
href="viber://chat?number=+381111111"
Костя, у Вас получилось реализовать "открывало данного пользователя и сразу бросало ему подготовленный текст" - отправку текста одновременно с открытием вайбера?
Есть нюанс. Viber с ПК работает в том случае, если контакт есть в телефонном справочнике. Это только у меня так и это общая проблема?
В моем случаи отправляется тем пользователем которые есть в контакте. Так что есть на сегодняшний день решения моего вопроса?
есть сервис для этого __cardbox.ml
Виктор, зачем?
Здравствуйте, подскажите для ссылки на telegram можнодобавить текст, как в WhatsApp. https://wa.me/380950000000?text=Здравствуйте.%20Вопрос%20по%20поводу%20продвижения.
Андрей, вот работающая ссылка такого виде делает для телеграмм примерно тоже самое что есть в ватсап. Пробуйте!
href="tg://msg?text=&to="
Работает если указывать номер телефона. Как сделать с помощью ID - пока не нашел решения. Может кто-то сможет из ветки решить - пишите!
Добрый день. Для Телеграм не срабатывает рецепт. На само приложение переходит, но не на нужный аккаунт. Пишет, что такого аккаунта нет. Подскажите, в чём может быть проблема?
Пётр, значит ошиблись где-то. Не сталкивался с такой проблемой. Проверьте все еще раз пожалуйста.
Пётр, вместо телефонного номера ставьте имя канала (его надо назначить сначала).
в примере:
(не проверял, сорри), у нас работает по ссылке __https://t.me/ZeitDienst
Так все же, а как добавить ссылку на группу в вотсап, телеграм и вайбер? В статье в самом начале идет упоминание рецепта для телефона и группы, а фактически описан метод подключения только для номера телефона, а не для группы.
Добрый день! есть ли возможность сразу после перехода по ссылке в мессенджер, отправлять сообщение в котором будет адрес страницы с которой пользователь перешёл?
Макс, только если через JS сделать типа oncklick() и отправить сообщение, например на сервер, который уже сделает всё. Возможно из JS сразу послать... но тут надо покапать
Макс, а как вы будете идентифицировать пользователя?
Здравствуйте!
А как сделать отправки ссылки? (у меня многостраничник)
Спасибо
Для вайбера есть решение одной ссылкой
просто знак "+" заменяем его уерл-энкодом. У меня работает и на ПК и нас андройд и на эпл смартфонах.
Артем, href="viber://chat?number=%2B380675368969"
Артём, круто, не знал. Спасибо )
добрий день...що робити .якщо запрошую по силці в групу вайбер а людям вибиває : Адміністратор заблокував цей контент .
хоча все підключено.....
Доброго дня, вперше чую про таку помилку/попередження. Нiколи не працював iз группами у вайберi. Не маю змоги допомогти, тому що мало компетенцiï у цьому питаннi.
можно ли к ссылке на телеграмм добавить текст сообщения ??
К сожалению не получается одним нажатием открыть пользователя и что бы сразу вставило текст. Но мы пошли другим путем.
У нас несколько вариантов выбора текста, поэтому:
1) сделал выпадающий список “SELECT”.
2) По выбору из списка (клику) – сохраняется текс в буфер (с помощью JS, ниже пример).
3) Рядом возле SELECT - кнопка, которая открывает получателя в вайбере.
4) Когда открывается вайбер, остается только нажать на клавиатуре CTR+V
Вот код, копирования в буфер:
var_ttn = $('[name="np_number"]').val(); //номер ТТН
var app_link = 'Посылка прибыла и ожидает в отделении.\r\n\ТТН: ' + var_ttn + ' \r\n\r\nПросьба оперативно забрать.\r\nСпасибо! :)';
new ClipboardJS('#copy_btn', {
text: function(trigger) {
console.log(trigger);
return app_link;
}
});
БлагАдарю
Добрый вечер! Очень прошу помочь с ссылкой на группу в Вайбер.
Перелопатила кучу информации, пишут только про то, как копировать ссылку-приглашение в группу.
Мой вопрос в другом.
Мне нужно в инстаграм сториз вставить ссылку на группу в Вайбер. Но ничего никуда не переходит. И вижу что даже не собирается. Естественно я проверила саму ссылку в других приложениях, мессенджерах, с телефона и компа - она работает. Всегда и без усилий. И только в сториз инстаграма она не работает.
Когда я ее туда вставляю, там есть предпросмотр, я захожу туда и очень радуюсь, что вот наконец-то заработала ссылка то, я вижу свою группу в Вайбере, аватар, название правильное, но после публикации ссылка никуда не ведет. Пишет только "Страницу не найдено". Пробовала и с Андроида и с iOS, без толку.
Уже сил нет. Помогите, пожалуйста, разобраться в чем дело и как это исправить. Огромное спасибо!
Здравствуйте. Попробуйте создать ссылку через Viber.click
Вот здесь слово вацап на вайбер по-моему нужно заменить:
WhatsApp
Здравствуйте. Подскажите, почему ссылка на телеграм канал некликабельна в Вайбер через андроид - личные сообщения, группе? Через айфон работает.
Лия, здравствуйте. Ничего не понял. В смысле - некликабельня? У меня на сайте, в шапке (на смартфоне, внизу), такая же ссылка, как в статье описана. Все работает.
Или я вас неправильно понял. Но эта статья с примером того, как добавить ссылку на сайте, например. На то, что Вайбер, в личных сообщениях на андроиде, не подсвечивает ссылку как ссылку, я повлиять никак не могу.
viber у меня не как не работает
А нельзя ли в телеграмм сделать шаблонное сообщение?
Насколько я знаю - нельзя, если пользователя нет у тебя в телефонном справочнике.
Спасибо, у меня даже круто получилось!!!
Отлично)