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

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

Привет, друзья. Сегодня поговорим о том, как сделать активную ссылку на Telegram, Whatsapp и Viber, то есть на свои профили или группы в этих замечательных (и не очень) мессенджерах.

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

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

Зачем делать активную ссылку на мессенджер?

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

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

В чем сложность?

Проблемы начинаются в тот момент, когда нужно поддерживать и мобильную версию и десктопную, то есть в 99% случаев. Дело в том, что приложение для телефонов и приложение для компьютера работают с разными ссылками и получается, что если указать ссылку для смартфона, то приложение для ПК сработает некорректно или совсем не сработает. Это касается мессенджера Viber, при этом WhatsApp и Telegram не испытывают подобных проблем.

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

Давайте разбираться как должен выглядеть атрибут «href» у ссылок на тот или иной мессенджер.

Как поставить ссылку на свои профиль в Telegram?

Как я уже говорил с этим замечательным мессенджером нет никаких проблем в плане проставления ссылки. Главное правильно прописать значение в атрибуте href. Для этого достаточно воспользоваться шаблоном:

<a href="tg://resolve?domain=NikName">Написать в Телеграм</a>

"NikName" – это имя пользователя, которые вы задавали в Телеграме. То, которое с символом @. В моем случае это @Dimadv

Где посмотреть логин в телеграм

Как поставить ссылку на свой профиль в WhatsApp?

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

Ссылка должна выглядеть следующим образом:

<a href="https://wa.me/380950000000?text=Здравствуйте.%20Вопрос%20по%20поводу%20продвижения.">Написать в WhatsApp</a>

Где:

  • "380950000000" – ваш номер телефона,
  • "?text=" – параметр содержащий текст по умолчанию,
  • "%20" – символ пробела в сообщении.

Тут, как видите, тоже все достаточно просто.

Как поставить ссылку на свой профиль в Viber?

Чтобы поставить правильную ссылку на Viber, придется воспользоваться PHP для определения устройства. Если у вас страница сохранена в расширении html, то придется пересохранить в .php. Это никак не повлияет на работоспособность страницы.

Итак, выше я писал, что десктопное и мобильное приложение Viber открывается по разным ссылкам, что создает определенные сложности при добавлении такой ссылки на сайт. Для мобильных устройств используется такой подход формирования ссылки:

<a href="viber://add?number=380950000000">Написать в Viber</a>

Для ПК – такой:

<a title="Должен быть установлен Viber для ПК" href="viber://chat?number=+380950000000">Написать в Viber</a>

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

<?php function check_mobile_device() { 
    $mobile_agent_array = array('ipad', 'iphone', 'android', 'pocket', 'palm', 'windows ce', 'windowsce', 'cellphone', 'opera mobi', 'ipod', 'small', 'sharp', 'sonyericsson', 'symbian', 'opera mini', 'nokia', 'htc_', 'samsung', 'motorola', 'smartphone', 'blackberry', 'playstation portable', 'tablet browser');
    $agent = strtolower($_SERVER['HTTP_USER_AGENT']);    
    foreach ($mobile_agent_array as $value) {    
        if (strpos($agent, $value) !== false) return true;   
    };     
    return false; 
};?>

Расположить функцию, можно, например в самом начале страницы, перед 'doctype' или вынести в отдельный файл и там же подключить его.

После этого, в месте где будет выводиться ссылка на Viber используйте такую проверку:

<? if(check_mobile_device()) :?>
  <a href="viber://add?number=380950000000">Viber</a>				
<? else : ?>
  <a title="Должен быть устоновлен Viber для ПК" href="viber://chat?number=+380950000000">Viber</a>
<? endif; ?>

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

Конечно же есть и более надежные способы для определения устройства. Если вам по какой-то причине не хватило устройств в функции, которую привел я, то можете воспользоваться PHP-классом Mobile-Detect, который специально создан для этих целей (определять устройство).

Пользоваться им достаточно просто:

  • Подключаем файл с Классом.
  • Создаем новый экземпляр класса.
  • Делаем проверку.

Звучит страшнее, чем есть на самом деле.

require_once 'functions/Mobile_Detect.php';
$detect = new Mobile_Detect;

if ( $detect->isMobile() ) { 
    // Здесь пишем код или разметку для мобильного
} else {
    // Здесь код или разметку для Десктопа
}

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

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

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

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

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

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

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

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

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

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

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

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

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

  5. <a href="whatsapp://send?text=Здравствуйте! Меня интересует ваш товар:&phone=+79250000000&abid=+79250000000">
    1. Спасибо большое за дополнение)

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

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

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

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

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

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

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

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

    1. А так?

      <a href="viber://chat?number=380950000000" rel="nofollow">Написать в Viber</a>
      
    2. Перепроверил. Работает и так и так.

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

    viber://add?number=1234567890

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

    viber://chat?number=+1234567890

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 

© 2014 — 2020, Smartlanding.biz. Все права защищены. Любое использование материалов допускается только с указанием активной ссылки на источник. Политика конфиденциальности