the - Compartir el enlace en WhatsApp desde el sitio web móvil(no la aplicación) para Android

whatsapp sharing button generator

Question

Desarrollé un sitio web que se usa principalmente en teléfonos móviles.
Quiero permitir a los usuarios compartir información directamente desde la página web en WhatsApp.

Al usar la detección de UserAgent, puedo distinguir entre Android e iOS.
Pude descubrir que para implementar lo anterior en iOS puedo usar la URL:

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

Todavía estoy buscando la solución que se utilizará cuando el sistema operativo sea Android (ya que lo anterior no funciona).
Supongo que de alguna manera está relacionado con el uso de "intención" en Android, pero no pude entender cómo hacerlo como parámetro para href.

Answer 1

Acabo de probar el esquema de whatsapp:// en mi súper antiguo Android 2.3.3 con Whats App 2.11.301 , funciona como un encanto. Parece ser solo la versión de la Whats App . Como Whats App está forzando a todos a actualizar, debería ser seguro usarlo.

La documentación de la Whats App también menciona ese esquema: http://www.whatsapp.com/faq/es/android/28000012

Estoy usando esto en un sitio de producción ahora y lo actualizaré aquí, si recibo quejas de algún usuario.

Editar (14 de noviembre): no hay quejas de los usuarios después de un par de semanas.

Answer 2

Acabo de verlo en un sitio web y parece que ahora funciona con la última versión de Android con la última versión de Chrome y WhatsApp. ¡Dale un nuevo golpe al enlace!

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

Lo revisé hoy (17 de abril de 2015):
Funciona para mí en iOS 8 (iPhone 6, últimas versiones) Android 5 (Nexus 5, últimas versiones).

También funciona en Windows Phone.

Answer 3

Actualmente, es muy fácil de lograr esto. Solo necesita agregar el siguiente código a sus páginas:

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

Y eso es. No se necesita Javascript, nada más es necesario. Por supuesto, puedes diseñarlo como quieras e incluir un bonito icono de Whatsapp.

Probé esto en mi dispositivo Android con Google Chrome. Las versiones:

• Android 4.1.2 (Jelly Bean)
• Chrome Mobile 37.0.2062.117. También probado en Firefox Mobile 31.0.
• Whatsapp V 2.11.399

También funciona en iOS. Hice una prueba rápida en un iPhone 5 con Safari y también funciona.

Espero que esto ayude a alguien. :-)

Answer 4

En general, solo tiene sentido mostrar el enlace de Whatsapp en dispositivos iOS o Android, usando el script java:

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

Answer 5

Las respuestas anteriores están un poco desactualizadas. Aunque esos métodos funcionan, pero al usar el siguiente método, puede compartir cualquier texto con un número predefinido. El siguiente método funciona para Android, WhatsApp web, IOS, etc.

Solo necesitas usar este formato:

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

Al usar este formato, puede enviar fácilmente un mensaje personalizado a un número específico.

Para obtener más información, consulte https://www.whatsapp.com/faq/en/general/26000030

Answer 6

Me temo que WhatsApp para Android actualmente no admite que se llame desde un navegador web.

Tenía el mismo requisito para mi proyecto actual, y como no pude encontrar la información adecuada, terminé descargando el archivo APK.

En Android, si una aplicación desea ser llamada desde un navegador web, necesita definir una Actividad con la categoría android.intent.category.BROWSABLE.

Puede encontrar más información al respecto aquí: https://developers.google.com/chrome/mobile/docs/intents

Si echas un vistazo al archivo WhatsApp AndroidManifest.xml, la única actividad con categoría BROWSABLE es esta:

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

He estado jugando con eso por un tiempo, y no pude hacerlo funcionar. Lo único que obtuve fue abrir la aplicación WhatsApp desde Chrome, pero no pude encontrar la forma de configurar el contenido del mensaje y el destinatario.

Dado que no está documentado por el equipo de WhatsApp, creo que esto todavía está en progreso. Parece que en el futuro WhatsApp también manejará los SMS.

La única forma de obtener más información es contactando al equipo de desarrollo de WhatsApp, qué intenté, pero todavía estoy esperando una respuesta.

¡Saludos!

Answer 7

Para el sitio de escritorio (compartiendo a través de la web de whatsapp):

<a href="https://web.whatsapp.com/send?text=The text to share!">WhatsApp</a>

Para el sitio móvil receptivo:

<a href="whatsapp://send?text=The text to share!">WhatsApp</a>

Answer 8

Recientemente, WhatsApp actualizó en su sitio web oficial que necesitamos usar esta etiqueta HTML para que se pueda compartir en los sitios móviles:

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

Puede reemplazar text= para tener su enlace o cualquier contenido de texto

Answer 9

TLDR: "Esto no es compatible". ~ Desarrollador oficial de Whatsapp.

Probé esto en varios dispositivos (Android, iOS y Windows) y simplemente no funciona. Este fue uno de los 40 servicios diferentes que probé personalmente, y el único de dos que no funcionó (el otro es Viber). Vea la lista aquí ..

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

En frustración, envié un correo electrónico a los desarrolladores en WhatsApp. Les mostré su propia fuente:

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

Me dijeron, muy específicamente, QUE ESTA FUNCIÓN NO ESTÁ IMPLEMENTADA.

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

Para probar esto: (1) Regístrese para una cuenta de Whatsapp, (2) Instale Whatsapp en su escritorio, (3) Instale Whatsapp y su teléfono, (4) Sincronice su teléfono y su computadora, (5) Cree y cargue un WhatsApp comparte el enlace en tu host privado, (6) haz clic en él en los dispositivos mencionados en 2 y 3. (7) Haz clic en el enlace, mira que Whatsapp abre, mira también que ignora por completo todos los parámetros que se le asignan.

Todo esto produjo fallas para Viber y Whatsapp, y resultados positivos para otros 38 servicios (de Google a Skype a Line.me a Facebook, Digg, StumbleUpon, Douban, lo que sea).