Por Damien / Ago 14, 2010Actualizado Dic 24, 2012 / InternetSi
eres un webmaster, lo más probable es que hayas utilizado los servicios de Tweetmeme o Topsy para incrustar el botón de Retweet en tu sitio. La buena noticia es que ahora Twitter ha lanzado un botón oficial de retuitear que puedes utilizar, por lo que no tienes que depender de terceros para hacer llegar tus tuits. La mala noticia es que tendrás que cambiar tu código existente para mostrar el botón de Tweet (el botón de Tweetmeme o Topsy seguirá funcionando bien si decides no cambiarlo).
Los beneficios de usar el botón oficial de Twitter para twittear incluyen:
- Puedes obtener una mejor (y más precisa) estadística del número de veces que tus publicaciones han sido compartidas (retuiteadas).
- El botón Tweet utiliza t.co como acortador de URL, y mostrará la URL completa en tus tweets, haciendo así tus enlaces más creíbles.
- Te permite recomendar cuentas de Twitter relevantes a tus lectores. Esto puede ayudarte a ganar más seguidores.
- Es fácil de implementar
La forma más fácil de incrustar el botón Tweet en WordPress
No hace falta decir que la forma más fácil de hacer las cosas en WordPress es a través de plugins. El desarrollador Ahmed Hussein se ha apresurado a lanzar un plugin para el botón de Tweet de Twitter. Esto será muy útil para aquellos que no tienen ningún conocimiento de codificación, o para aquellos que no quieren incursionar en el código.
Después de la activación, el plugin mostrará automáticamente el botón en su sitio.
En la página de Configuración, puedes configurar el botón de Tweet para que se muestre antes/después del contenido, en la Página de Inicio/Posts/Página, el tipo de botón a mostrar (vertical, horizontal, etc.) y varias otras opciones. También hay una vista previa en vivo donde puedes comprobar el diseño del botón.
La forma manual
Aunque el plugin puede facilitarte la vida, podría añadir sobrecarga a tu servidor. Además, te da poco control sobre dónde mostrar exactamente el botón.
En su lugar, puede utilizar la forma manual de incrustar el botón de Tweet en su sitio. Es fácil y sólo requiere que insertes dos líneas de código en el archivo de tu tema.
Ve a la página del botón Tweet de Twitter. Aquí es donde puedes personalizar y configurar el botón Tweet.
Las cosas que puedes configurar incluyen el diseño del botón, el texto del tweet, la URL y el idioma.
Desplázate más abajo y podrás incluir las cuentas de Twitter que quieras recomendar a tus lectores.
Por último, coge el código e insértalo en el archivo de tu tema, en el lugar donde quieras que se muestre.
El lugar más común para mostrar el botón de Tweet es en tu página de Publicaciones, después del contenido. En la carpeta de tu tema, abre el archivo single.php
y coloca el código después de la etiqueta
<?php the_content();?>
Personalización adicional
Si quieres personalizar aún más el botón de Tweet, como cambiar la imagen del botón, o utilizar un enlace de texto en lugar de una imagen, también puedes hacerlo añadiendo algunos atributos al código.
Para insertar un código HTML puro sin ningún javascript
Utilice el código:
<a href="http://twitter.com/share?url=<?php the_permalink();?>&text=<?php the_title();?>&via=TWITTERHANDLE&related=TWITTERHANDLE">Tweet this</a>
Recuerda cambiar el TWITTERHANDLE por tu propio nombre de usuario de Twitter.
Para utilizar su propio botón de Tweet
Utiliza el código:
<style type="text/css" media="screen"> #custom-tweet-button a { display: block; padding: 2px 5px 2px 20px; background: url('https://your-tweet-button-image-url') left center no-repeat; border: 1px solid #ccc; }</style><div id="custom-tweet-button"> <a href="http://twitter.com/share?url=http://dev.twitter.com/pages/tweet-button" target="_blank">Tweet</a></div>
* referenciado desde dev.twitter.com
Recuerda cambiar el “your-tweet-button-image-url” por la URL de tu botón de Tweet.
Para más opciones de personalización, consulta la documentación del botón Tweet.
¿Has incrustado el botón Tweet de Twitter en tu blog? ¿Qué tal tu experiencia con él? Compártela con nosotros en los
Los