Resalta frases para tuitear en tu página web

Crea una URL específica para enlazar desde una palabra, una frase o una imagen y facilita la tarea de tuitear un artículo más allá del titular


¿Para qué sirve esto?

Para invitar a nuestros lectores a tuitear lo que a nosotros nos conviene, de una forma muy sencilla que puede ser aplicada tanto a páginas webs y blogs como en e-mail marketing.

De la misma forma que una palabra puede enlazar a la Wikipedia, una frase importante o una cita destacada -que suele ser "carne de tuit"- puede ser tuitada añadiéndole hashtags y/o enlaces a nuestro blog o web, de manera que no perdamos la pista de quién tuitea y qué tuitea sobre nosotros.

Ahorramos el trabajo al tuitero de buscar de dónde proviene la frase o cita ya que añadimos el usuario correcto en la URL; asimismo, podemos incitar al "Follow" tras hacer el tuit, de manera que ganemos unos cuantos seguidores. Por ejemplo:

"No es valiente aquel que no tiene miedo sino el que sabe conquistarlo."

En el ejemplo tuiteamos la frase de Nelson Mandela, incluyendo su cuenta oficial en Twitter, un hashtag y tras tuitear, invito a hacer "Follow" en mi cuenta de Twitter. Sencillo, ¿verdad?

¿Cómo indico que es un enlace para tuitear y no un enlace normal?

Con CSS. Aquí propongo un código de ejemplo que pondrá un icono de Twitter al final de la frase así como un subrayado celeste:

<a href="INSERTAR_LA_URL_GENERADA" target="_blank" style="background: rgba(0, 152, 209, 0.1) url('http://twitter.antoniorull.com/img/tuit.png') no-repeat right top; padding-right:15px;">TEXTO QUE ENLAZAR PARA TUITEAR</a>

De tal forma que, como ves, queda integrado en el texto. Así queda con el ejemplo anterior de Mandela:

"No es valiente aquel que no tiene miedo sino el que sabe conquistarlo."

Con unas nociones básicas de CSS se puede personalizar este código en línea para hacerlo más acorde a nuestra web o gustos. Asimismo, te recomiendo que descargues el logotipo de Twitter para cargarlo desde tu servidor y no depender del mío, hot linking mediante. En todo caso, puedes hacer lo propio desde el servidor de Twitter, en teoría más fiable.


Acerca de

Antonio Rull

Idea y desarrollo web de Antonio Rull

Método basado en la herramienta intent de Twitter y que ya utilizan medios como el NYTimes

El contenido de esta página web está disponible para el uso y disfrute de cualquier persona. Tan solo los logotipos y marcas comerciales de Twitter poseen todos los derechos reservados por su respectivo dueño.

Public Domain Mark

Asimismo, cualquier periodista, desarrollador, diseñador, ... que desee contribuir con su talento a mejorar esta herramienta es bienvenido. Escríbeme a