Blog @pedropablo

Hace tiempo atrás ya escribí de como insertar el botón “Me gusta” de Facebook, ahora Twitter acaba de lanzar su propio botón para compartir.

Disponible 3 tipos de botón

1. Contador Vertical: incluye el botón y un contador de los retweets alineados de manera Vertical.
2. Contador Horizontal: incluye el botón y un contador de los retweets alineados de manera Horizontal.
3. Sin Contador: incluye sólo el botón sin el contador de Tweets.

Parámetros

• data-url – URL del enlace a compartir (ej: http://blog.pdropablo.net/)
• data-via – Quién comparte (ej: pedropablo y saldría: via @pedropablo)
• data-text – Texto del tweet (ej: Noticia de tal… en http://pdropablo.net/ via @pedropablo)
• data-related – Por si queremos hacer referencia a otra cuenta de Twitter
• data-count – Diseño del botón (vertical (1), horizontal (3), none (3))
• data-lang – Idioma (English, French, German, Spanish, Japanese)

Integración

Recordad que podéis añadir los parámetros que he puesto anteriormente para que sea más personalizado.

Cualquier web

<a href="http://twitter.com/share" data-count="horizontal">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>

Sin utilizar el resto de parámetros, automaticamente te coge el título de la página y la URL.

WordPress
Abrimos el archivo single.php del theme. Nos ubicamos en el lugar donde se pretende aparezca el botón, en el footer del post o abajo del título. Y agregamos el código:

<a href="http://twitter.com/share" data-count="horizontal" data-text="<?php the_title()?>" data-url="<?php urlencode(the_permalink()); ?>">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>

Blogger
Home → Diseño → Edición de HTML → Expandir plantillas de artilugios
El lugar tradicional para hacerlo en el post-footer, es decir, al pie de cada entrada, entonces, se busca el código:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<a href="http://twitter.com/share" data-count="horizontal" data-text=" + data:post.title + " data-url=" + data:post.url + ">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
</b:if>

En los dos últimos códigos utilizo los parámetros data-text y data-url, así saldrá el título y el enlace del post en el tweet.

El código lo pueden modificar con los parámetros a su gusto.