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

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

Привет, друзья. Сегодня поговорим о том, как сделать активную ссылку на 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 {
    // Здесь код или разметку для Десктопа
}

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

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

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

  • Ильдар

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

    Ответить
  • John LapTev

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

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

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

    Ответить
  • John LapTev

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

    Ответить
  • Максим

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

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

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

    Ответить
  • dimadv7

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

    Ответить
  • Alex

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

    Ответить
  • dimadv7

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

    Ответить
  • Светлана

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

    Ответить
  • Dee

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

    Ответить
  • dimadv7

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

    Ответить
  • Ирина

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

    Ответить
  • Павел

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

    Ответить
  • Анатолий

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

    Ответить
  • Arciom

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

    Ответить
  • dimadv7

    А так?

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

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

    Ответить
  • Роман

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

    viber://add?number=1234567890

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

    viber://chat?number=+1234567890

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

    Ответить
  • Лиа

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

    Ответить
  • Sergey

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

    Ответить
  • Л11

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

    Ответить
  • Антон

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

    Ответить
  • стас

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

    Ответить
  • Алексей

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

    Ответить
  • Юлия

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

    Ответить
  • Костя

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

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

    Ответить
  • ilnur

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

    Ответить
  • Костя

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

    Ответить
  • Виктор

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

    Ответить
  • dimadv7

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

    Ответить
  • Андрей

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

    Ответить

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

 

Подписывайтесь на обновления, чтобы ничего не пропустить.