Todos conocemos los botones sociales para que los usuarios de nuestros sitios compartan nuestro contenido en sus perfiles (aquí como rentabilizarlos). También todos conocemos la aplicación de mensajería Whatsapp, la cuál también es por definición una red social. ¿Cómo es que nunca se nos ha ocurrido incluir esta red, con la cantidad de usuarios que tiene, en estos botones?
Y no es mala idea, aunque hace poco que está disponible y sólo para iOS (el sistema operativo de los dispositivos de Apple). Los primeros en probarlo parece ser que fueron los editores de la publicación web de deportes perteneciente a USA Today, For The Win, y han podido constatar que se ha hecho más uso de este botón que del mismísimo Twitter.
Según Marketing Directo: "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".
Aunque en realidad este ejemplo se trata de un enlace de texto. Pero podemos convertir una imagen, que será nuestro auténtico botón, modificando ligeramente el código HTML:
En ese caso deberemos buscar una imagen para sustituir la dirección en donde la tengamos alojada por el fragmento URLiconoWhatsApp.png.
Aunque recomiendo usar este más personalizable en su lugar. Con el parámetro data: podemos añadir al enlace final más información, tal como está (data:post.url) incluye el título de la entrada. Sustituyéndolo por data:post.snippet mostraría un fragmento:
Podemos modificar el aspecto del botón añadiendo código CSS al id boton-whatsapp (div id='boton-whatsapp'). Tienes más información y detalles en el sitio de oloblogger.com.
Con esto el botón que aparezca en vuestras páginas permitirá de forma automática generar un enlace a los usuarios de vuestro blog. Debéis incluirlo en la zona que prefiráis pero de la versión móvil (aquí una orientación, en la última parte), no en ambas ya que da un error. Además de momento sólo es compatible con dispositivos Apple.
Si te da problemas puedes usar este generador: whatsapp-sharing.com
Aquí en GitHub: github.com/kriskbx/whatsapp-sharing
Y además: Cómo mostrar una imagen de la web junto al enlace enviado
Y no es mala idea, aunque hace poco que está disponible y sólo para iOS (el sistema operativo de los dispositivos de Apple). Los primeros en probarlo parece ser que fueron los editores de la publicación web de deportes perteneciente a USA Today, For The Win, y han podido constatar que se ha hecho más uso de este botón que del mismísimo Twitter.
Según Marketing Directo: "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".
Cómo incluir un botón de compartir en Whatsapp en sitios web
Es muy sencillo. Sólo debemos incluir en el lugar que queramos que aparezca la siguiente línea de código:
<a href="whatsapp://send?text=URL" data-action="share/whatsapp/share">WhatsApp</a>
Aunque en realidad este ejemplo se trata de un enlace de texto. Pero podemos convertir una imagen, que será nuestro auténtico botón, modificando ligeramente el código HTML:
<a href="whatsapp://send?text=URL" data-action="share/whatsapp/share"><img border="0"″ src="URLiconoWhatsApp.png" width="50" height="20"></a>
En ese caso deberemos buscar una imagen para sustituir la dirección en donde la tengamos alojada por el fragmento URLiconoWhatsApp.png.
El fragmento de texto 'URL' deberemos sustituirlo por la dirección URL de la página a compartir. Es sencillo si queremos compartir una página web de una sola entrada pero si queremos que se muestre en todas nuestras páginas debemos hacer un pequeño arreglo.
Veamos como hacer que la sección 'URL' del texto genere una dirección URL válida y de forma automática para cada una de nuestras entradas y páginas específicas de nuestros blogs de Blogger.
Cómo añadir un botón de Whatsapp para blogs de Blogger
Para añadirlo a Blogger cambiamos la parte que pone 'text=URL' por 'text=data:post.url'. Las comillas dobles sería mejor sustituirlas por comillas simples. De este modo es como quedaría:
<a href='whatsapp://send?text=data:post.url' data-action='share/whatsapp/share'>WhatsApp</a>
Aunque recomiendo usar este más personalizable en su lugar. Con el parámetro data: podemos añadir al enlace final más información, tal como está (data:post.url) incluye el título de la entrada. Sustituyéndolo por data:post.snippet mostraría un fragmento:
<div id='boton-whatsapp'><a data-action='share/whatsapp/share' expr:href='"whatsapp://send?text=" + data:post.title + "-" + data:post.url' title='Compártelo en WhatsApp' alt='Botón para compartir en WhatsApp'></a></div>
Podemos modificar el aspecto del botón añadiendo código CSS al id boton-whatsapp (div id='boton-whatsapp'). Tienes más información y detalles en el sitio de oloblogger.com.
Cómo añadir un botón de Whatsapp para blogs de Wordpress
Para usarlo en Wordpress cambiaremos la parte antes indicada por esta otra '<?php echo get_permalink(); ?>'. Quedando de este modo así:
<a href="whatsapp://send?text=<?php echo get_permalink(); ?>" data-action="share/whatsapp/share">WhatsApp</a>
Con esto el botón que aparezca en vuestras páginas permitirá de forma automática generar un enlace a los usuarios de vuestro blog. Debéis incluirlo en la zona que prefiráis pero de la versión móvil (aquí una orientación, en la última parte), no en ambas ya que da un error. Además de momento sólo es compatible con dispositivos Apple.
Si te da problemas puedes usar este generador: whatsapp-sharing.com
Aquí en GitHub: github.com/kriskbx/whatsapp-sharing
Y además: Cómo mostrar una imagen de la web junto al enlace enviado