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

Tabla de contenido

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

INFORMACION DEL PUBLICADOR
Picture of Kamal Majaiti
Kamal Majaiti
Administrador de sistemas e informático por vocación.
COMPARTELO EN REDES
Publica un comentario

2 respuestas

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.