Как поставить ссылку на свои профили в мессенджерах

Активная ссылка на профиль в мессенджерах

Привет, друзья. Сегодня поговорим о том, как сделать активную ссылку на 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" - этот тот самый закодированный "+", который воспринимают обе версии приложений.

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

Пример работы

Похожие публикации

64 комментария

  1. Ильдар

    отлично! очень пригодится

  2. John LapTev

    На счёт Viber, не совсем так...
    Правильней будет:

    <a href="//chat?number=79628666346" rel="nofollow">Написать в Viber</a>

    Вместо viber://add написать viber://chat, тогда не нужно добавлять номер телефона, сразу открывается чат.

    1. dimadv7

      Спасибо) Помечу в статье, чтобы обращали внимание на комментарии.

    2. Ирина

      Добрый день! А есть общая ссылка, чтобы сразу был указан вайбер и ватсаб, потом всплывает окошко с иконками и клиет сам выбирает, где ему написать

    3. Антон

      John LapTev, дело в том что вайбер с add работает хорошо на мобильном, а вот для десктопа работает chat. Поэтому такая проблема есть.
      Лучше использовать __https://msng.link/ru там генерируется ссылка с add, т.к. почти все кликают с телефона, редко у кого есть приложение на ПК.

    4. Алексей

      Антон, что-то не всегда это работает

    5. Елена

      Подскажите как правильно нужно указать ссылку на свой канал в телеграм?

    6. Дмитрий Давыдов

      Елена, перейдите в канал, затем "настройки" (три точки) -> "Описание канала" и там будет ссылка на канал.

      В верстку добавляется как любая другая ссылка.

      <a href="https://t.me/smartlanding">Мой телеграм</a>
    7. Андрей

      СПАСИБО! я в восторге! Очень помог

    8. Дмитрий Давыдов

      Андрей, здорово)

  3. John LapTev

    Моя полная ссылка с примером выше автоматически превратилась в ссылку)

  4. Максим

    Я бы рекомендовал по другому, к тому что передает текст и сразу открывается чат)

  5. Максим
    <a href="whatsapp://send?text=Здравствуйте! Меня интересует ваш товар:&phone=+79250000000&abid=+79250000000">
    1. dimadv7

      Спасибо большое за дополнение)

    2. Павел

      Максим, а как сделать примерно тоже самое для Вайбера, чтоб открывался чат и текст был уже прописан

  6. Alex

    Здравствуйте. Подскажите, я добавляю ссылку в Adobe muse, и в окне, которое я добавил, появляется надпись "viber" я не могу ее убрать или редактировать. Как сделать чтобы код встраивался без надписи?

    1. dimadv7

      Не понимаю вообще о чем речь, так как не работаю с Muse

  7. Светлана

    Как поставить зеленую палку после 1? Мне vix не пропускает ссылку

  8. Dee

    как поставить активную ссылку на контакт в whatsapp в письме whatsapp?

    1. dimadv7

      А в чем может быть отличие?

  9. Анатолий

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

  10. Arciom

    ссылка "viber://add?number=......" не работает с мобильным приложением(

    1. dimadv7

      А так?

      <a href="viber://chat?number=380950000000" rel="nofollow">Написать в Viber</a>
      
    2. dimadv7

      Перепроверил. Работает и так и так.

  11. Роман

    Есть одна ерунда у Viber.

    viber://add?number=1234567890

    работает на телефоне.
    а

    viber://chat?number=+1234567890

    работает на ПК
    Как сделать что бы правильная ссылка показывалась в зависимости от устройства?

  12. Лиа

    Ссылка на Вайбер не работает у меня

  13. Sergey

    Красавчик, спасибо!

  14. Л11

    И у меня на Вайбер не работает (

  15. стас

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

  16. Юлия

    А еще можно каким-нибудь сервисом воспользоваться, _https://wapp.click/ например.
    Бесплатно и без рекламы, для инстаграма очень удобно

  17. Костя

    Подскажите пожалуйста, ниже приведены две ссылки, первая открывает вайбер и передает подготовленный текст, остается только выбрать получателя и нажать отправить, вторая ссылка запускает вайбер и сразу открывает чат с тем пользователем, который указан в ссылке, а как объединить это? Тоесть что бы открывало данного пользователя и сразу бросало ему подготовленный текст. Спасибо.

    href="viber://forward?text=Заказ номер 777 - покупатель просит набрать"
    и
    href="viber://chat?number=+381111111"

    1. Владимир

      Костя, у Вас получилось реализовать "открывало данного пользователя и сразу бросало ему подготовленный текст" - отправку текста одновременно с открытием вайбера?

  18. ilnur

    Есть нюанс. Viber с ПК работает в том случае, если контакт есть в телефонном справочнике. Это только у меня так и это общая проблема?

    1. Костя

      В моем случаи отправляется тем пользователем которые есть в контакте. Так что есть на сегодняшний день решения моего вопроса?

  19. Виктор

    есть сервис для этого __cardbox.ml

    1. dimadv7

      Виктор, зачем?

  20. Андрей

    Здравствуйте, подскажите для ссылки на telegram можнодобавить текст, как в WhatsApp. https://wa.me/380950000000?text=Здравствуйте.%20Вопрос%20по%20поводу%20продвижения.

    1. Сергей

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

      href="tg://msg?text=&to="

      Работает если указывать номер телефона. Как сделать с помощью ID - пока не нашел решения. Может кто-то сможет из ветки решить - пишите!

  21. Пётр

    Добрый день. Для Телеграм не срабатывает рецепт. На само приложение переходит, но не на нужный аккаунт. Пишет, что такого аккаунта нет. Подскажите, в чём может быть проблема?

    1. dimadv7

      Пётр, значит ошиблись где-то. Не сталкивался с такой проблемой. Проверьте все еще раз пожалуйста.

    2. Alexandr

      Пётр, вместо телефонного номера ставьте имя канала (его надо назначить сначала).
      в примере:

      <a href="//resolve?domain=ZeitDienst" rel="nofollow ugc">Напишите нам в Телеграм</a>

      (не проверял, сорри), у нас работает по ссылке __https://t.me/ZeitDienst

  22. Сергей

    Так все же, а как добавить ссылку на группу в вотсап, телеграм и вайбер? В статье в самом начале идет упоминание рецепта для телефона и группы, а фактически описан метод подключения только для номера телефона, а не для группы.

  23. Макс

    Добрый день! есть ли возможность сразу после перехода по ссылке в мессенджер, отправлять сообщение в котором будет адрес страницы с которой пользователь перешёл?

    1. Виктор

      Макс, только если через JS сделать типа oncklick() и отправить сообщение, например на сервер, который уже сделает всё. Возможно из JS сразу послать... но тут надо покапать

    2. dimadv7

      Макс, а как вы будете идентифицировать пользователя?

  24. Марат

    Здравствуйте!
    А как сделать отправки ссылки? (у меня многостраничник)
    Спасибо

  25. Артем

    Для вайбера есть решение одной ссылкой

    просто знак "+" заменяем его уерл-энкодом. У меня работает и на ПК и нас андройд и на эпл смартфонах.

    1. Артем

      Артем, href="viber://chat?number=%2B380675368969"

    2. Дмитрий Давыдов

      Артём, круто, не знал. Спасибо )

  26. Віра

    добрий день...що робити .якщо запрошую по силці в групу вайбер а людям вибиває : Адміністратор заблокував цей контент .
    хоча все підключено.....

    1. Дмитрий Давыдов

      Доброго дня, вперше чую про таку помилку/попередження. Нiколи не працював iз группами у вайберi. Не маю змоги допомогти, тому що мало компетенцiï у цьому питаннi.

  27. Сергей

    можно ли к ссылке на телеграмм добавить текст сообщения ??

  28. Костя

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

    У нас несколько вариантов выбора текста, поэтому:
    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;
    }
    });

  29. Дмитрий

    БлагАдарю

  30. Анастасия

    Добрый вечер! Очень прошу помочь с ссылкой на группу в Вайбер.

    Перелопатила кучу информации, пишут только про то, как копировать ссылку-приглашение в группу.
    Мой вопрос в другом.

    Мне нужно в инстаграм сториз вставить ссылку на группу в Вайбер. Но ничего никуда не переходит. И вижу что даже не собирается. Естественно я проверила саму ссылку в других приложениях, мессенджерах, с телефона и компа - она работает. Всегда и без усилий. И только в сториз инстаграма она не работает.

    Когда я ее туда вставляю, там есть предпросмотр, я захожу туда и очень радуюсь, что вот наконец-то заработала ссылка то, я вижу свою группу в Вайбере, аватар, название правильное, но после публикации ссылка никуда не ведет. Пишет только "Страницу не найдено". Пробовала и с Андроида и с iOS, без толку.

    Уже сил нет. Помогите, пожалуйста, разобраться в чем дело и как это исправить. Огромное спасибо!

    1. Дмитрий Давыдов

      Здравствуйте. Попробуйте создать ссылку через Viber.click

  31. Евгений

    Вот здесь слово вацап на вайбер по-моему нужно заменить:
    WhatsApp

  32. Лия

    Здравствуйте. Подскажите, почему ссылка на телеграм канал некликабельна в Вайбер через андроид - личные сообщения, группе? Через айфон работает.

    1. Дмитрий Давыдов

      Лия, здравствуйте. Ничего не понял. В смысле - некликабельня? У меня на сайте, в шапке (на смартфоне, внизу), такая же ссылка, как в статье описана. Все работает.

      Или я вас неправильно понял. Но эта статья с примером того, как добавить ссылку на сайте, например. На то, что Вайбер, в личных сообщениях на андроиде, не подсвечивает ссылку как ссылку, я повлиять никак не могу.

  33. Акоб

    viber у меня не как не работает

  34. Putrid

    А нельзя ли в телеграмм сделать шаблонное сообщение?

    1. Дмитрий Давыдов

      Насколько я знаю - нельзя, если пользователя нет у тебя в телефонном справочнике.

  35. Makar Hysko

    Спасибо, у меня даже круто получилось!!!

    1. Дмитрий Давыдов

      Отлично)

Добавить комментарий