Tutorial: Agrega un botón de WhatsApp a tu sitio web para aumentar su alcance móvil

[Someone]

Sabemos que WhatsApp hoy en día es la app de mensajería instantánea más utilizada y famosa que hay. También sabemos que el mayor tráfico a nuestras webs son de dispositivos móviles, así que, ¿por qué no aprovecharse de este potencial?

Fueron los editores de la publicación web de deportes perteneciente a USA Today, For The Win los que se dieron cuenta de esto, e instalaron este botón en su web. Y estos fueron los resultados:

"El 35% de los lectores de FTW compartieron noticias de su interés de la web móvil a través del correo electrónico, el 34% lo hicieron difundiendo las noticias en su página de Facebook, el 18% a través de la app de mensajería WhatsApp y un 13% a través de la red social de noticias cortas Twitter"​

¡Se ha utilizado más que Twitter!

Android

Para Android debemos poner este código donde queramos que salga el botón:

<script>document.write("<a class='ssba' data-action='share/whatsapp/share' href='whatsapp://send?text="+document.URL+"'><img border='0' height='50' src='http://www.sandra-bg.com/images/whatsapp-logo-color-symbol.png' width='75'/></a>")</script>

*Gracias a kanikase por compartir :encouragement:*​

IOS

Si lo queremos para IOS es más fácil. Sólo vamos a WhatsApp Sharing y creamos nuestro botón.

Imágenes

Si quieres cambiar la imagen, puedes utilizar ésta en inglés o en español:

​

Cualquier duda ya sabéis, saludos!

 

[Mago Migue]

Muy de agradecer. Tengo la impresión de que esas visitas vía Whatsapp tendrán mucho más interés.

 

[Voldemorth]

Cool!, gracias!

 

[Fractus]

Muy bueno, muchisimo potencial. Pronto estaremos viendo muchisimo mas spam através de whatsapp.

 

[aptinf]

Buena forma para obtener enlaces :encouragement:

 

[Someone]

Muy bueno, muchisimo potencial. Pronto estaremos viendo muchisimo mas spam através de whatsapp.

Cierto. Los "spammers" creo que utilizarán la herramienta de difusión que trae Whatsapp, ya sabes, envías un mensaje y le llega a todos los contactos que quieras.

 

[wong]

Gracias por el dato amigo, :encouragement:

 

[AndreayYap]

Estoy probando y cuando voy a compartir sale: data😛ost.url en el chat.

 

[Someone]

Estoy probando y cuando voy a compartir sale: data😛ost.url en el chat.

Estoy buscando una solución, cuando la encuentre te aviso. :encouragement:

Que raro, no puedo hacer que "reconozca" la url automáticamente, me sale lo mismo que a ti. Siento no poder ayudarte.

 

[Pietro]

Bien gracias, esto es util.

 

[pugozo24]

Gracias por la info :encouragement:

 

[ivan14]

Woow desconocia esto, gracias por el aporte! :encouragement:

 

[Someone]

Woow desconocia esto, gracias por el aporte! :encouragement:

Nada, para eso estamos :encouragement:

 

[lordskorpius]

¿Para wordpress cambio el href por permalink o no funcionará así?

 

[Someone]

¿Para wordpress cambio el href por permalink o no funcionará así?

Para WordPress utiliza este otro código:

<a href="whatsapp://send?text=<?php echo get_permalink(); ?>" data-action="share/whatsapp/share">WhatsApp</a>

 

[kanikase]

Muy bueno 😱 😛8: pero tampoco me funciono :c lo tuve que hacer así:

<script>document.write("<a class='ssba' data-action='share/whatsapp/share' href='whatsapp://send?text="+document.URL+"'><img border='0' height='50' src='http://www.sandra-bg.com/images/whatsapp-logo-color-symbol.png' width='75'/></a>")</script>

 

[Someone]

Muy bueno 😱 😛8: pero tampoco me funciono :c lo tuve que hacer así:

<script>document.write("<a class='ssba' data-action='share/whatsapp/share' href='whatsapp://send?text="+document.URL+"'><img border='0' height='50' src='http://www.sandra-bg.com/images/whatsapp-logo-color-symbol.png' width='75'/></a>")</script>

¿Ese código es para Blogger ó Wordpress?

 

[kanikase]

¿Ese código es para Blogger ó Wordpress?

Blogger, para wordpress funciona como dijeron más arriba.

 

[HostingPowerful]

Muchas gracias, se agradece el útil aporte.

 

[Sergio López]

la forma de colocar este boton la estaba buscando desde hace tiempo, gracias por el tutorial.