Ir al contenido principal

Cómo instalar un botón para compartir las entradas de tu blog a través de Whatsapp

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".

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='&quot;whatsapp://send?text=&quot; + data:post.title + &quot;-&quot; + 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

Entradas populares de este blog

Optimiza las ganancias de acortadores al máximo fácil con Lanza.me

Seguro que ya conoces  Lanza.me ; el primer acortador y metaacortador que te permite cambiar todos tus enlaces en pocos segundos a los acortadores que quieras, evitando con ellos problemas con los principales acortadores que pagan . Estoy seguro de que también conoces Shorteners.net ; el primer comparador de tasas y otras características de acortadores de acortadores que pagan y que te ofrece las tasas de estos siempre actualizadas, valoraciones y más. Ha llegado el momento de unir ambos sitios para una obtención de datos práctica y automática. Lanza.me + Shorteners.net: La unión perfecta Así es. Lanza.me y Shorteners.net ya tienen una conexión conjunta. Con ella, Lanza.me puede conocer las tasas de los acortadores y con ello, decirte cuál es el acortador que más te conviene para las visitas que recibas. Y no me estoy refiriendo al recomendador de acortadores integrado en Lanza.me , que te anuncia cuales son los acortadores que no estás empleando y que tienen

Compatible con Youtube, Lanza.me trae otras muchas mejoras

Lanza.me es es un acortador y metaacortador con funcionalidades únicas. Una de ellas es la de mostrar páginas externas de nuestra preferencia, así como acortar nuestros enlaces con los principales acortadores de enlaces. Hubo novedades, y en esta entrada te las presento. Si quieres saber más acerca de Lanza.me visita esta sección del blog . Vídeos de Youtube como páginas intermedias Desde la madrugada del 24 de febrero Lanza.me es compatible con Youtube. Cuando inserten la URL de un vídeo de youtube como una página externa, el acortador lo detectará y lo mostrará ocupando todo el ancho de la pantalla cuando los usuarios visiten el enlace. Los usuarios VIP pueden configurar estas páginas para que reproduzcan el vídeo automáticamente, con lo que conseguirán más visitas. Más datos añadidos y un repaso a las estadísticas Hace tiempo comenté que otra vez había habido cambios en las estadísticas. Miraremos más por encima esas estadísticas porque tienen algunas opciones que sería inte

Multiplica tus ingresos con el encadenador de acortadores de Lanza.me

Lanza.me es el acortador y metaacortador que he estado desarrollando durante los últimos 4 años. Con él puedes usar otros acortadores para acortar tus enlaces y cambiarlos fácilmente y en muy pocos segundos. También permite usar páginas externas para mostrar en tus enlaces cortos o simplemente usar enlaces directos.  Ya es muy estable y está lleno de opciones, como estadísticas a nivel de usuario y enlace, optimización de acortadores, alertas dinámicas y reactivas de acortadores caídos o en problemas,  listas públicas de enlaces , programa de referidos, etc. Hoy te traigo una nueva característica. Encadenador: Multiplica tus ingresos sin esfuerzo ni riesgo Este lunes 5 de julio de 2021 se ha lanzado el encadenador de acortadores. Se trata de una nueva característica, única de Lanza.me, con la que podrás conseguir duplicar tus ingresos sin esfuerzo ni riesgo. Cómo funciona el encadenador El encadenador de acortadores usa varios acortadores a la vez sobre un mismo enlace; Los visitantes