¿Quieres más Retweets? Usa el Botón Oficial de Tweet

Hace poco más de un mes, recomendé usar el plugin de WordPress TweetMeme para obtener más retuits en tus publicaciones.

Hace unos días, Twitter anunció su propio botón para retuitear. Ya han surgido varios métodos para integrar el botón oficial de Twitter en tus sitios de WordPress.

Plugins de WordPress

El primer plugin de WordPress para el botón de Twitter con el que me encontré fue de Blogsessive.

Como puedes ver en la captura de pantalla anterior, las opciones integran todas las que esperarías de un plugin de WordPress para el botón de Twitter, sin características superfluas. Puedes descargarlo desde la publicación enlazada arriba.

Después de esto, aparecieron algunos más en el directorio de plugins de WordPress.org:

• Botón de Twitter por Svilen Popov
• TweetButton por David R. Davis, Jr.

La Forma Manual

Twitter ha proporcionado varias formas de incluir el botón de tuits en tus propias páginas. La opción más sencilla es a través de este formulario personalizable donde puedes definir el tipo de botón, una URL personalizada, el texto del tuit, el idioma y los usuarios recomendados de Twitter.

Echemos un vistazo al código que se produce después de ingresar algunos valores de ejemplo.

<a href="http://twitter.com/share" class="twitter-share-button"
data-url="http://example.com/permalink-url/"
data-text="Title of page goes here"
data-count="vertical"
data-via="themelab"
data-related="lelandf:My personal account">Tweet</a>
<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>

Vamos a revisar esta línea por línea.

• Primera línea: Básicamente solo abre el enlace y agrega una clase CSS.
• Segunda línea: data-url se usa para ingresar un enlace, probablemente el permalink de tu publicación.
• Tercera línea: data-text se usa para el texto del tweet, probablemente el título de tu publicación.
• Cuarta línea: data-count se usa para definir qué tipo de botón: vertical, horizontal o ninguno
• Quinta línea: data-via se usa en la mención @ en el tweet, probablemente tu propia cuenta de Twitter.
• Sexta línea: data-related te permite definir otra cuenta de Twitter con una descripción personalizada.
• Última línea: Básicamente solo cierra el enlace y agrega una línea obligatoria de javascript.

Te recomiendo jugar con el generador de código de botones para tener una mejor idea de todas las diferentes opciones.

Insertando en WordPress

Revisemos el código anterior e insertemos algunas etiquetas de plantilla dinámicas de WordPress para el permalink y el título.

<a href="http://twitter.com/share" class="twitter-share-button"
data-url="<?php the_permalink(); ?>"
data-text="<?php the_title_attribute(); ?>"
data-count="vertical"
data-via="themelab"
data-related="lelandf:My personal account">Tweet</a>
<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>

Este código se puede insertar en casi cualquier archivo de plantilla que desees, incluyendo index.php para el índice principal, single.php para publicaciones individuales del blog, page.php para páginas estáticas y más.

Para fines de estilo, probablemente querrás colocar el código encima de <?php the_content(); ?> y usar algo como el siguiente código CSS para darle estilo.

.twitter-share-button { float: right; margin-left: 10px; display: inline-block; }

Uso más avanzado

Para un uso más avanzado del botón de Twitter, echa un vistazo a esta página en el sitio de desarrolladores de Twitter. Twitter te permite "construir tu propio botón de tuit" (ver la parte inferior de la página), lo que lo hace mucho más personalizable que el botón TweetMeme.

Conclusión

Para obtener más información sobre el botón de tuit, hay un buen artículo titulado 7 razones para no usar el nuevo botón de tuit de Andy Beard. En los comentarios, un desarrollador de Twitter responde a las razones.

También notarás que yo mismo no he cambiado al botón oficial de Twitter y sigo usando el botón TweetMeme. La razón por la que no he cambiado es porque todavía no veo ninguna necesidad apremiante de cambiar a la versión oficial, el TweetMeme todavía funciona bien.

Si te has dado cuenta en Twitter, he estado tuiteando mucho sobre el botón de tuit. Después de tuitear el enlace a esta publicación sobre cómo obtener más retuits con el botón oficial de tuit de Twitter, probablemente ese será mi último tuit sobre el asunto del tuit.