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

Someone · 20 Sep 2014

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:

Insertar CODE, HTML o PHP:

<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 · 20 Sep 2014

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

Voldemorth · 20 Sep 2014

Cool!, gracias!

Fractus · 20 Sep 2014

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

aptinf · 20 Sep 2014

Buena forma para obtener enlaces :encouragement:

Someone · 20 Sep 2014

Fractus dijo:
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 · 20 Sep 2014

Gracias por el dato amigo, :encouragement:

AndreayYap · 20 Sep 2014

Estoy probando y cuando voy a compartir sale: data

ost.url en el chat.

Someone · 20 Sep 2014

AndreayYap dijo:
Estoy probando y cuando voy a compartir sale: dataost.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 · 20 Sep 2014

Bien gracias, esto es util.

pugozo24 · 20 Sep 2014

Gracias por la info :encouragement:

ivan14 · 20 Sep 2014

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

Someone · 20 Sep 2014

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

Nada, para eso estamos :encouragement:

lordskorpius · 20 Sep 2014

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

Someone · 20 Sep 2014

lordskorpius dijo:
¿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 · 20 Sep 2014

Muy bueno

8: pero tampoco me funciono :c lo tuve que hacer así:

HTML:

<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 · 21 Sep 2014

kanikase dijo:
Muy bueno 8: pero tampoco me funciono :c lo tuve que hacer así:

HTML:

<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 · 21 Sep 2014

Walter Sullivan dijo:
¿Ese código es para Blogger ó Wordpress?

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

HostingPowerful · 21 Sep 2014

Muchas gracias, se agradece el útil aporte.

Sergio López · 21 Sep 2014

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