Поделиться ссылкой на WhatsApp с мобильного сайта (не приложения) для Android

Я разработал веб-сайт, который в основном используется в мобильных телефонах.
Я хочу разрешить пользователям обмениваться информацией непосредственно с веб-страницы в WhatsApp.

Используя обнаружение UserAgent, я могу различить Android и iOS.
Мне удалось обнаружить, что для реализации вышеупомянутого в iOS я могу использовать URL:

href="whatsapp://send?text=http://www.example.com"

Я все еще ищу решение, которое будет использоваться, когда ОС Android (так как выше не работает).
Я предполагаю, что это как-то связано с использованием "намерения" в Android, но я не мог понять, как это сделать в качестве параметра для href.

Источник

16 ответов

Решение

Только что увидел его на веб-сайте и, похоже, работает на последних Android с последним Chrome и WhatsApp сейчас тоже! Дайте ссылку на новый снимок!

<a href="whatsapp://send?text=The text to share!" data-action="share/whatsapp/share">Share via Whatsapp</a>

Перепроверил сегодня (17 апреля 2015 г.):
У меня работает на iOS 8 (iPhone 6, последние версии) Android 5 (Nexus 5, последние версии).

Это также работает на Windows Phone.

Источник

Вышеуказанные ответы немного устарели. Хотя этот метод работает, но с помощью метода ниже, вы можете поделиться любым текстом на заранее определенное число. Приведенный ниже метод работает для Android, веб-сайтов WhatsApp, IOS и т. Д.

Вам просто нужно использовать этот формат:

<a href="https://api.whatsapp.com/send?phone=whatsappphonenumber&text=urlencodedtext"></a>

ОБНОВЛЕНИЕ-- Используйте это сейчас (ноябрь-2018)

<a href="https://wa.me/whatsappphonenumber/?text=urlencodedtext"></a>

Использование: https://wa.me/15551234567

Не используйте: https://wa.me/+001-(555)1234567

Чтобы создать собственную ссылку с предварительно заполненным сообщением, которое будет автоматически отображаться в текстовом поле чата, используйте https://wa.me/whatsappphonenumber/?text=urlencodedtext где whatsappphonenumber - это полный номер телефона в международном формате и URL-адрес. -encodedtext - предварительно заполненное сообщение в кодировке URL.

Пример: https://wa.me/15551234567?text=I интересуется%20in%20your%20car%20 для% 20продажа

Чтобы создать ссылку с предварительно заполненным сообщением, используйте https://wa.me/?text=urlencodedtext

Пример: https://wa.me/?text=I20, запрашивающий% 20 о% 20 the% 20apartment% 20 перечисления

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

Для получения дополнительной информации см. https://www.whatsapp.com/faq/en/general/26000030

Источник

В настоящее время это очень легко достичь. Вам нужно только добавить следующий код на свои страницы:

<a href="whatsapp://send?text=<<HERE GOES THE URL ENCODED TEXT YOU WANT TO SHARE>>" data-action="share/whatsapp/share">Share via Whatsapp</a>

И это все. Нет необходимости в Javascript, больше ничего не нужно. Конечно, вы можете стилизовать его так, как вам хочется, и добавить симпатичный значок WhatsApp.

Я проверил это на своем устройстве Android с Google Chrome. Версии:

  • Android 4.1.2 (Jelly Bean)
  • Chrome Mobile 37.0.2062.117. Также протестирован на Firefox Mobile 31.0.
  • Whatsapp V 2.11.399

Это также работает на iOS. Я сделал быстрый тест на iPhone 5 с Safari, и он также работает.

Надеюсь, это кому-нибудь поможет.:-)

Источник

Согласно новой документации, ссылка сейчас:

<a href="https://wa.me/?text=urlencodedtext">Share this</a>
Источник

TLDR: "Это не поддерживается". ~ Официальный разработчик WhatsApp.

Я проверил это на нескольких устройствах (Android, iOS и Windows), и это просто не работает. Это был один из 40 различных сервисов, которые я тестировал лично, и единственный из двух, который не работал (другой - Viber). Смотрите список здесь..

https://github.com/bradvin/social-share-urls#whatsapp

В отчаянии я написал разработчикам в WhatsApp. Я показал им свой источник:

https://faq.whatsapp.com/en/android/26000030/?category=5245251

Мне сказали, очень конкретно, ЭТА ОСОБЕННОСТЬ НЕ ОСУЩЕСТВЛЯЕТСЯ.

"Unfortunately, that is not supported at the moment.
We are always working to improve our app and will take your suggestion into consideration.
request #172349248330585"

Чтобы проверить это: (1) зарегистрируйте учетную запись Whatsapp, (2) установите Whatsapp на рабочий стол, (3) установите Whatsapp на свой телефон, (4) синхронизируйте свой телефон и компьютер, (5) создайте и загрузите WhatsApp поделиться ссылкой на вашем частном хосте, (6) щелкните по ней на устройствах, упомянутых в 2 и 3. (7) Нажмите на ссылку, увидите, что открывается WhatsApp, а также убедитесь, что он полностью игнорирует все заданные ему параметры.

Все это привело к сбоям в Viber и WhatsApp и положительным результатам для 38 других сервисов (от Google до Skype, от Line.me до Facebook, Digg, StumbleUpon, Douban, вы называете это).

Источник

Недавно WhatsApp обновил на своем официальном сайте, что нам нужно использовать этот тег HTML, чтобы сделать его доступным для мобильных сайтов:

<a href="whatsapp://send?text=Hello%20World!">Hello, world!</a>

Вы можете заменить text= иметь вашу ссылку или любой текстовый контент

Источник

ПОСЛЕДНЕЕ ОБНОВЛЕНИЕ

Теперь вы можете использовать последнюю версию API от WhatsApp https://wa.me/ не заботясь о пользовательском агенте, API выполнит обработку пользовательского агента.

Поделиться предварительно заполненным текстом с возможностью выбора контакта в соответствующем клиенте WhatsApp (Android / iOS / Webapp):

https://wa.me/?text=urlencodedtext

Откройте диалоговое окно чата для конкретного пользователя WhatsApp в соответствующем клиенте WhatsApp (Android / iOS / Webapp):

https://wa.me/whatsappphonenumber

Поделиться предварительно заполненным текстом с конкретным пользователем (объединить два выше):

https://wa.me/whatsappphonenumber/?text=urlencodedtext

Примечание: whatsappphonenumber должен быть полный номер телефона в международном формате. Опускать любые нули, скобки или тире при добавлении номера телефона в международном формате.

Для официальной документации посетите https://faq.whatsapp.com/en/general/26000030

Источник

Я боюсь, что WhatsApp для Android в настоящее время не поддерживает вызов из веб-браузера.

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

В Android, если приложение хочет вызываться из веб-браузера, оно должно определить Activity с категорией android.intent.category.BROWSABLE.

Вы можете найти больше информации об этом здесь: https://developers.google.com/chrome/mobile/docs/intents

Если вы посмотрите на файл WhatsApp AndroidManifest.xml, единственный Activiy с категорией BROWSABLE - это:

<activity android:name="com.whatsapp.Conversation"   android:configChanges="keyboard|keyboardHidden|orientation|screenLayout|uiMode|screenSize|smallestScreenSize" android:windowSoftInputMode="stateUnchanged">
        <intent-filter>
            <action android:name="android.intent.action.SENDTO" />
            <category android:name="android.intent.category.DEFAULT" />
            <category android:name="android.intent.category.BROWSABLE" />
            <data android:scheme="sms" />
            <data android:scheme="smsto" />
        </intent-filter>
    </activity>

Я играл с этим некоторое время, и я не мог заставить его работать. Максимум, что я получил, - это открыть приложение WhatsApp из Chrome, но я не мог найти способ настроить содержимое сообщения и получателя.

Так как это не задокументировано командой WhatsApp, я думаю, что это все еще в стадии разработки. Похоже, что в будущем WhatsApp также будет обрабатывать SMS.

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

С уважением!

Источник

В общем случае имеет смысл отображать ссылку WhatsApp только на устройствах iOS или Android, используя java-скрипт:

   if (navigator.userAgent.match(/iPhone|Android/i)) {
      document.write('<a href="whatsapp://send?text=See..">Share on WhatApp</a>');
   }
Источник

Только что проверил whatsapp:// схема по моему супер старая Android 2.3.3 с Whats App 2.11.301работает как шарм. Кажется, это просто Whats App версия. поскольку Whats App заставляет всех обновляться, это должно быть безопасно использовать.

Whats App В документации также упоминается эта схема: http://www.whatsapp.com/faq/en/android/28000012

Я использую это на производственном сайте сейчас и буду обновлять здесь, если я получу какие-либо жалобы пользователей.

Изменить (14 ноября): нет жалоб пользователей через пару недель.

Источник

Этот код работал у меня.

После нажатия на ссылку он попросит вас выбрать контакт для отправки сообщения.

<a href="https://api.whatsapp.com/send?text=enter message here">Click here to share on Whatsapp</a>

Вы можете добавить атрибут target="_blank", чтобы открыть его в новом окне или вкладке.

Я не думаю, что номер телефона нужен, когда кто-то хочет поделиться определенным сообщением или статьей.

Источник

Переключите обмен ссылками WhatsApp в соответствии с платформой, будь то настольный или мобильный.

Это работает с или без предоставления номера телефона в ссылке.

Для мобильных

   vm.LinkTextToShare = 'https://api.whatsapp.com/send?text=' + encodeURIComponent(window.location.href) ;

   window.open(vm.LinkTextToShare,"_blank");

Для рабочего стола

   vm.LinkTextToShare = 'https://web.whatsapp.com/send?l=en&text=' + encodeURIComponent(window.location.href) ;

   window.open(vm.LinkTextToShare,"_blank");
Источник

Используйте это как "whatsapp://send?text=" + encodeURIComponent(ваш текст здесь), это определенно будет работать.

Источник

Это правильно, если вы хотите открыть WhatsApp в браузере:

      <a href=`https://web.whatsapp.com/send?text=${yout URL or TEXT}` ><Whatsapp</a>
Источник

Используйте: https://wa.me/1XXXXXXXXXX

Не используйте: https://wa.me/+001-(XXX)XXXXXXX

Предварительно заполненное сообщение автоматически появится в текстовом поле чата. Используйте https://wa.me/whatsappphonenumber?text=urlencodedtext, где whatsappphonenumber - это полный номер телефона в международном формате, а urlencodedtext - это предварительно заполненное сообщение в кодировке URL.

Пример: https://wa.me/1XXXXXXXXXX?text=I%27m%20interested%20in%20your%20car%20for%20sale

Чтобы создать ссылку только с предварительно заполненным сообщением, используйте https://wa.me/?text=urlencodedtext

Пример: https://wa.me/?text=I%27m%20inquiring%20about%20the%20apartment%20listing%60

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

Источник

Попробуйте сделать так:

<a href="https://wa.me/(phone)?text=(text URL encoded)">Link</a>

Даже вы можете отправлять сообщения без ввода номера телефона в ссылке:

<a href="https://wa.me/?text=Hello%20world!">Say hello</a>

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

Более подробная информация на https://faq.whatsapp.com/en/general/26000030.

Удачи!

Источник
Другие вопросы по тегам