"Click to tweet" - Generar tuits personalizados

Cuando escribimos un post nos gusta que nuestros lectores se hagan eco del mismo, que lo compartan en redes sociales...etc. Pero, ¿y si queremos destacar una frase para que sea compartida en Twitter? La red del pajarito azul es un buen escaparate para difundir lo que escribimos. Además, generar tweets de determinadas partes del post ayuda a potenciar los contenidos y el llamado personal branding, que no es otra cosa que la marca personal.

Hay herramientas que se prestan a esta labor, como ClickToTweet, pero aquí vamos a explicar una forma sencilla de generar tuits personalizados en las entradas del blog. Tan solo hay que copiar este código en el post, en donde queramos que aparezca la frase para tuitear. El ejemplo incluye los atributos fieldset y legend para definir el tweet en su conjunto.

Importante en referencia a lo marcado en rojo:

  • El hastag de Twitter (#) se escribe en código HTML de esta forma: %23 
  • En "ESTO ES UN EJEMPLO DE #TUIT" hay que editarlo y poner la frase que queremos que se tuitee (3 veces).
  • En "NOMBRE De USUARIO" poner nuestro nombre de usuario en Twitter (2 veces).
  • En "ENLACE DE LA ENTRADA" ponemos la url del post que queramos que se comparta en el tuit (2 veces).  Si no queremos enlace en el tuit, simplemente no lo ponemos, dejamos ENLACE DE LA ENTRADA.

<fieldset>
<legend align="center"><img scale="0" src="https://lh3.googleusercontent.com/-bqtdyTHGd88/VePMwtNFzwI/AAAAAAAAQYA/wmBomWFWT3Q/s256-Ic42/tweet-this.png" width="40" /></legend>
<br />
<div class="tm-ctt-text">
<h2>
<span style="color: grey; font-family: Neucha;">ESTO ES UN EJEMPLO DE #TUIT.</span></h2>
</div>
<a class="tm-ctt-btn" href="https://twitter.com/share?text=ESTO ES UN EJEMPLO DE %23TUIT.%20v%C3%ADa%20@NOMBRE USUARIO&amp;url=ENLACE DE LA ENTRADA" target="_blank"></a><br />
<div style="text-align: right;">
<a class="tm-ctt-btn" href="https://twitter.com/share?text=ESTO ES UN EJEMPLO DE %23TUIT.%20v%C3%ADa%20@NOMBRE USUARIO&amp;url=ENLACE DE LA ENTRADA" target="_blank">Click To Tweet</a></div>
</fieldset>

Un ejemplo aplicando todo lo anterior sería este (se ve mejor en esta entrada):


#50SombrasDeGrey, ese libro que empecé leyendo con desidia... y me lo acabé en un santiamén.


En la nube de: