it-roy-ru.com

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

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

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

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

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

166
Yochai

Только что увидел его на веб-сайте и, похоже, работает на последних 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.

269
Manuel

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

Пример: https://wa.me/15551234567?text=I mm 20 интересуется% 20in% 20your% 20car% 20for% 20sale

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

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

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

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

67
ad08

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

<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, больше ничего не нужно. Конечно, вы можете оформить его по своему усмотрению и включить значок Nice Whatsapp.

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

  • Android 4.1.2 (желейные бобы)
  • Chrome Mobile 37.0.2062.117. Также протестирован на Firefox Mobile 31.0.
  • WhatsApp V 2.11.399

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

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

38
juangalf

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

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

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

13
Aadil Keshwani

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

<a href="https://wa.me/?text=urlencodedtext">Share this</a>
12
Vincent Decaux

Я боюсь, что 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, что я и пытался, но я все еще жду ответа.

С уважением!

7
oliferna

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

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

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

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

7
JonasB

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

   if (navigator.userAgent.match(/iPhone|Android/i)) {
      document.write('<a href="whatsapp://send?text=See..">Share on WhatApp</a>');
   }
6
Weidenrinde

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

Теперь вы можете использовать последнюю версию 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

3
Shri

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

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

"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, вы называете это).

1
HoldOffHunger

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

<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 .

Удачи!

0
Gustavo Cantero

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

0
Jitendra Pal - JP