Содержание
Ссылка на чат WhatsApp перестала работать? Рассказываем, как теперь направлять клиентов в чат мессенджера
Не так давно сервисы wa.me и api.whatsapp.com перестали работать в России. Многие компании использовали ссылки для перехода в WhatsApp на страницах своих социальных сетей и сайтов. Как сделать ссылку на WhatsApp теперь? Рассказываем в статье.
Причиной, по которой на территории Российской Федерации перестали быть доступны сервисы wa.me и api.whatsapp.com, по всей видимости, стала блокировка популярных социальных сетей Facebook* и Instagram*. Не секрет, что ссылки на эти сервисы активно использовали на своих интернет-ресурсах различные компании и фрилансеры. Удобство их применения заключалось в том, что перейдя по подобной ссылке, пользователи переключались сразу на установленное на мобильном устройстве приложение WhatsApp. Чтобы начать чат с пользователем WhatsApp, зарегистрированным под условным номером +7(987)654-32-10, нужно было всего лишь кликнуть по ссылке вида https://wa. me/9876543210. При этом не нужно было добавлять данного пользователя к себе в контакты. Быстро и удобно, правда? Каким же образом теперь компаниям и экспертам перенаправлять клиентов к себе в чат WhatsApp?
Конструктор ссылок WhatsApp
Такие конструкторы помогают получить специальную ссылку, которая перенаправляет в нужный чат WhatsApp. Основная масса таких сервисов использует упомянутый wa.me, который сейчас не работает в РФ. Чтобы решить эту проблему, специалисты сервиса Кликбар создали собственный бесплатный конструктор ссылок ватсап, работающий на базе официального протокола WhatsApp и не зависящий от wa.me. Конструктор ссылок WhatsApp доступен по адресу https://clck.bar/whatsapp-constructor. Воспользоваться им свободно может любой желающий пользователь. Сервис от Кликбар работает без рекламы и не требует регистрации. По сгенерированной ватсап-ссылке можно будет перейти в приложение WhatsApp или на его web-версию, если мессенджер не установлен на смартфоне.
Диплинк WhatsApp
Диплинки (deep-links) представляют собой ссылки, ведущие в мобильное приложение, а не на сайты. Начинаются такие ссылки с названия протокола, используемого приложением. Как известно, диплинк мессенджера Телеграм выглядит следующим образом: tg://resolve?domain=user, где вместо user указывается имя пользователя. В случае с WhatsApp используется вот такой диплинк: whatsapp://send?phone=9876543210. При указании номера телефона не нужно указывать + и прочие символы, только цифры номера. Кроме этого, при создании диплинка можно указать дополнительный параметр text. Указанное для него значение послужит сообщением, которое отобразится при переходе пользователя в чат. Например: whatsapp://send?phone=9876543210&text=Здравствуйте.
Применяя диплинк WhatsApp, необходимо помнить о том, что для его использования его сначала нужно превратить в обычную ссылку, иначе работать он просто не будет. К примеру, посредством любого сервиса сокращения ссылок. Также нужно учесть, что ссылка откроется только у пользователя, на чьем телефоне установлено приложение WhatsApp.
Мультиссылки
Ещё одним полезным способом активного продвижения и рекламирования своих услуг может стать использование мультиссылок – мобильных мини-сайтов, на которых размещена пользовательская аватарка или логотип, описание и кнопки, ведущие на другие веб-сайты и мессенджеры, включая WhatsApp, и прочие полезные ресурсы. В зависимости от того, какой сервис для создания мультиссылок будет использован, возможности будут разные. Например, в блочном конструкторе сайтов Tilda Publishing можно собрать полноценный лендинг, а Taplink позволяет добавлять слайд-шоу, вопрос-ответ и другие виджеты. Ещё одним инструментом для создания мультиссылки является сервис Кликбар.
Как мы видим, решить проблему с созданием корректной ссылки на чат WhatsApp не составляет труда. Если вы столкнулись с тем, что ссылка на WhatsApp не работает – воспользуйтесь конструктором ссылок WhatsApp, диплинком или мультиссылкой.
* (признаны экстремистскими организациями и запрещены на территории РФ)
Как добавить ссылки на Viber, WhatsApp, электронную почту и телефон в HTML-документ
Юзабилити современных веб-ресурсов позволяют легко и быстро находить нужную информацию. Но интернет-пользователю этого уже не достаточно. Большое значение имеет возможность взаимодействия с различными ссылками, позволяющими установить быстрый контакт пользователя с желаемым ресурсом.
Наверняка многие из вас сталкивались с подобным вопросом: как добавить ссылки на мессенджеры, электронную почту и телефон в HTML разметку. Эта потребность возникает в связи с высоким спросом пользователей интернета, особенно часто использующих мобильные платформы. Вот несколько вариантов, как добавить в HTML-разметку кликабельные ссылки на Viber, WhatsApp, а также телефон и e-mail.
Перейдем сразу к сути вопроса. Поскольку функциональность той или иной ссылки на мессенджер, телефон или электронную почту зависит от устройства, с которого пользователь желает получить доступ, соответственно, нужно определить, для какого типа устройства нужна ссылка: мобильного или декстопного.
Ссылки на Viber
Для перехода по ссылке на Viber со стационарного ПК или планшета указывается код:
<a href="viber://chat?number=+79223332211">Ссылка на Viber</a>
Для перехода по ссылке на Viber с мобильных устройств используется следующий код:
<a href="viber://add?number=79223332211">Ссылка на Viber</a>
В данном примере используется вымышленный номер телефона.
Первая цифра в номере (+7) означает код страны. Вы можете использовать код любой другой страны.
Ссылки на WhatsApp
Для перехода по ссылке на WhatsApp со стационарного ПК или планшета указывается код:
<a href="https://wa.me/79223332211">Ссылка на WhatsApp</a>
Для перехода по ссылке на WhatsApp с мобильных устройств используется следующий код:
<a href="whatsapp://send?phone=79223332211">Ссылка на WhatsApp</a>
В данном примере также используется вымышленный номер телефона.
Первая цифра в номере (7) означает код страны. Вы можете использовать любой другой код страны.
Ссылка на электронную почту
Для создания ссылки на электронный адрес как с мобильных, так и десктопных устройств используется следующий синтаксис:
<a href="mailto:[email protected]">[email protected]</a>
В данном примере используется вымышленный электронный адрес [email protected].
Ссылка на телефон
Для набора номера телефона с мобильных устройств нужно в гиперссылке HTML-документа указать URL-схему tel:
<a href="tel:+79223332211">+7 (922) 333-22-11</a>
В данном примере используется вымышленный номер телефона.
Первая цифра в номере (+7) означает код страны. Вы можете использовать код любой другой страны.
Размещение кликабельных контактных ссылок позволяет упростить и ускорить взаимодействие пользователей с нужными интернет-ресурсами. Каждый пользователь может выбрать для себя более удобный способ связи, будь то телефонный звонок или сообщение в мессендрере. К тому же последние позволяют осуществлять звонки бесплатно.
гиперссылка — открыть приложение WhatsApp по ссылке на мобильном веб-сайте?
спросил
Изменено
8 месяцев назад
Просмотрено
70 тысяч раз
Есть ли способ открыть приложение WhatsApp с веб-сайта в мобильном телефоне? Я знаю, если вы используете WhatsApp://
вы можете открыть приложение WhatsApp, но как я могу открыть WhatsApp и создать новый разговор с заданным номером? Является ли это возможным? Спасибо!
- гиперссылка
4
Благодаря комментариям я получил от них свое решение: whatsapp://send?phone=XXXXXXX
Таким образом, для испанского номера +34 644 789 83 это будет
whatsapp://send?phone= 3464478983
api. whatsapp.com тоже хорошо работает. Используйте его таким же образом, удалите символ (+) и пробелы в номере телефона.
Нажмите для подключения +506 0000 0000
Приведенное выше решение работает хорошо, но я предпочитаю использовать как мобильное приложение, так и Интернет.
Вы можете использовать его следующим образом (пустой чат):
Мой WhatsApp +1 987654321 Web | Приложение
И вы можете использовать его следующим образом (с текстом чата):
Мой WhatsApp +1 987654321 Интернет а> | Приложение
Это даст вашим посетителям возможность связаться с вами из браузера ПК или мобильного браузера.
- поменяйте 0000000000 на свой номер, номер телефона должен быть с кодом страны и без +
- изменить пример с вашим собственным сообщением в чате
Эта ссылка в браузере откроет приложение WhatsApp с чатом для указанного номера
Wa. me/91xxxxxxxxxx
2
Для Интернета-
Я не смог найти ни одной ссылки для посещения ПК и мобильных телефонов. Итак, мне пришлось выбирать между https://web.whatsapp.com/send?phone=0000000000000
для ПК и whatsapp://send?phone=0000000000000
для мобильных телефонов.
Вы должны учитывать некоторые вещи:
- Если вы пользуетесь мобильным телефоном, вы, вероятно, захотите открыть приложение WhatsApp;
- Вы находитесь в ПК, вы, вероятно, захотите открыть WhatsApp Web;
- У вас может быть установлен WhatsApp Desktop на вашем ПК, поэтому вы, вероятно, захотите открыть WhatsApp там;
- Вы не можете достоверно узнать, что такое текущее устройство.
Итак, лучшим вариантом для меня было показать модальное диалоговое окно с вопросом, как следует открывать WhatsApp (приложение или веб).
your_number: номер в международном формате:
+491793666167 => 491793666167
url_encoded_text: pre-fill-text:
вместо пробела введите %20
-> Привет, я Самуэль Демир
-> Hi%20I%20am%20Samuel%20Demir
html — Предоставьте изображение для обмена ссылками WhatsApp
Требуется несколько шагов, чтобы получить идеальный предварительный просмотр для WhatsApp, Twitter, Facebook и значки закладок для ПК и мобильных устройств. Если вам нравится читать, перейдите на Open Graph (ogp.me), но не забудьте прочитать шаги 1–6 в этом ответе, чтобы получить лучший предварительный просмотр WhatsApp.
Результаты многих технических аудитов, проведенных различными компаниями, показывают, что наличие тегов Open Graph не поможет вам улучшить SEO-рейтинг , они предназначены только для социальных сетей. Структуры данных schema.org помогут вам в SEO.
Эти теги Open Graph
находятся внутри тега
.
Обратите внимание: @jaimish21 упомянул, что некоторые приложения или веб-сайты используют кеш или даже сохраняют предварительный просмотр веб-сайта в своей базе данных. Это означает, что когда вы тестируете свою ссылку, например, в WhatsApp или Facebook, вы, скорее всего, сразу не увидите никакой разницы. Использование другой ссылки (другой страницы) поможет. Но как только вы воспользуетесь этой ссылкой один раз, это «пожалуйста, обратите внимание» раздел начинается сначала.
Шаг 1: заголовок
Максимум 65 символов
заголовок вашего веб-сайта и/или веб-страницы, богатый ключевыми словами
Шаг 2: описание
Максимум 155 символов
Шаг 3: og:title
Максимум 35 символов
Шаг 4: og:url
Полная ссылка на текущий адрес веб-страницы
example.com/webpage/" />
Шаг 5: og:description
Максимум 65 символов
Шаг 6: og:image
Изображение (JPG или PNG) размером менее 300 КБ и минимальными размерами 300 x 200 * . Это изображение должно передаваться через HTTPS-соединение с действительным несамозаверяющим сертификатом. **
* @RichDeBourke упомянул мне об этом, но, видимо, WhatsApp увеличил максимальный размер изображения (размеры, а также размер файла). Я сделал несколько тестов: он не работает стабильно каждый раз на каждом устройстве. Я протестировал изображения размером 2.x Mb, и даже это, похоже, сработало 9/10 раз. <300 КБ — самый безопасный подход, но по состоянию на 18 февраля 2020 г. вы можете использовать изображения большего размера. Однако я бы порекомендовал сохранить размер файла ниже 2 МБ. И обязательно пропустите свое изображение через TinyPNG или любой другой алгоритм сжатия изображений, если вы еще этого не сделали.
** @Indraraj упомянул, что изображение может не отображаться, если ваш сайт работает на https с самоподписанным сертификатом.
Если вы выполнили описанные выше шаги, то теперь вы можете просмотреть свой превью в WhatsApp! Однако обратите внимание на «обратите внимание» раздел выше.
Шаг 7: og:type
Чтобы ваш объект был представлен на графике, вам необходимо указать его тип. Вот список доступных глобальных типов: http://ogp.me/#types. Вы также можете указать свои собственные типы.
Шаг 8: og:locale
Локаль ресурса. Вы также можете использовать og:locale:alternate, если у вас есть переводы на другие языки.
Если вы не укажете og:locale, по умолчанию используется en_US.
Шаг 9: Twitter
Чтобы получить лучшую поддержку Twitter, прочитайте это.
Шаг 10: Facebook
Чтобы получить лучшую поддержку Facebook, прочитайте это.
Шаг 11: значок
Для лучшей поддержки favicon для всех браузеров и устройств прочитайте это.
Бонусный шаг 12: видео/аудио
Также можно обмениваться аудио/видео. Например, Facebook и Twitter очень хорошо обмениваются видео. Читайте ogp.me. И, конечно же, WhatsApp также имеет эту опцию: когда вы делитесь ссылкой на Instagram или Youtube, предварительный просмотр WhatsApp поставляется с видеоплеером в приложении.
Супер бонус шаг 13: продукты, люди, фильмы и т.