Cómo agregar el botón de Compartir en WhatsApp a tu sitio web móvil con Javascript

Boton para compartir en WhatsApp

Cómo agregar el botón de Compartir en WhatsApp a tu sitio web móvil con Javascript
Compartir en WhatsApp a tu sitio web con Javascript

WhatsApp desde hace ya tiempo permite crear un botón en cualquier web con la funcionalidad de “Compartir en WhatsApp.

Con este botón podemos compartir fácilmente nuestra pagina web a nuestros contactos de WhatsApp, el cual por cierto desde hace ya tiempo es propiedad de Facebook. Debemos indicar que este botón personalmente lo considero como una parte importante que debemos tener en nuestra web la justificación de dicha importancia es debido a la gran cantidad de usuarios que utilizan WhatsApp, estamos hablando de unos 900 millones de usuarios mensuales en activo, casi nada..

La mayoría de los ejemplos que he visto se ha utilizado PHP para montar el botón desde el servidor al generar la pagina web, yo personalmente prefiero usar JavaScript para dicha tarea, así evitamos mas trabajo al servidor Web.

Codigo del boton para compartir en WhatsApp con Javascript

El código para poder compartir una web en WhatsApp es muy sencillo, el cual consiste en obtener la URL de la pagina web actual y formatear un enlace con el protocolo que utiliza WhatsApp siendo este "whatsapp://".

<script type="text/javascript">
var ub = window.location;
var uw="whatsapp://send?text="+ub;
<a href="javascript:void(0);" data-action=”share/whatsapp/share” onclick="window.open(uw,"gplusshare","toolbar=0,status=0,width=548,height=325");" rel="nofollow" title="Compartir en WhatsApp+"><img alt="Compartir en WhatsApp " class="lkdn" height="40" src="https://cdn.tahonadedonpio.es/wp-content/uploads/social/whatsapp-long.png" title="Compartir en WhatsApp " width="40" /></a>

Así mismo hemos actualizado el código del post anterior que trata sobre compartir en redes sociales.

El resultado del botón es este:

Botón para compartir una página web en WhatsApp

Compartelo en las redes sociales

Compartir en facebook Compartir en google+ Compartir en twitter Compartir en likedin Compartir en WhatsApp

Un comentario en “Cómo agregar el botón de Compartir en WhatsApp a tu sitio web móvil con Javascript

Deja un comentario

Solicitamos su permiso para obtener datos estadísticos de su navegación en esta web, en cumplimiento del Real Decreto-ley 13/2012, si continúa navegando consideramos que acepta el uso de cookies.
OK | Más información