Cómo poner el nuevo botón de Twitter en Blogger (y cualquier plataforma)

Publicado por el Aug 13, 2010

Compartir

Tal y como se vino anunciando durante toda la semana, Twitter lanzó su botón oficial para compartir el contenido de un post. En este vídeo puedes ver cómo funciona. Pero básicamente, se trata de proporcionar a tus visitas una forma de promocionar en Twitter lo que publicas. Cuando se pincha en el botón (hay varios formatos a elegir) se abre una ventana en la que puedes escribir un tuit relacionado con el post y, para facilitar la tarea, aparece automáticamente su título, su URL y el vía correspondiente. Esto ya se podía hacer con Anywhere pero ahora es mucho más fácil de implementar.

A continuación, vamos a explicar cómo añadir este botón para un blog alojado en la plataforma Blogger, y al final proporcionaremos una serie de enlaces para que puedas hacerlo también en cualquier sistema de publicación de blogs.

En primer lugar, entra en la dirección twitter.com/goodies/tweetbutton para configurar el aspecto del botón y obtener el código HTML que tendrás que insertar en tu blog.

Botón de Twitter 01

En el punto 1 escoge el tipo de botón, en la pestaña “Botón” y escribe “data:post.title” en la caja de la pestaña “Texto del tweet”. El formulario está preparado para que facilites una frase fija, que será la que aparezca en la ventana, cuando se pinche en el botón. Sin embargo, se pueden utilizar las variables de las distintas plataformas para obtener el código adaptado a ellas. Para WordPress.com se pondrá <?php the_title(); ?>.

Botón de Twitter 02

A continuación, haz lo mismo en la pestaña “URL” pero escribiendo “data:post.url”. Para WordPress pondríamos <?php the_permalink(); ?>

Botón de Twitter 03

En el punto 2, puedes escribir la cuenta que aparecerá en el “vía”. En realidad, puedes poner cualquier usuario (sin @), no tiene por qué ser la tuya.

Y al final de la página, obtienes el código HTML que debes copiar para insertar en el lugar de tu blog, elegido para visualizar el botón.

Como te habrás dado cuenta, si en lugar de los valores vistos anteriormente, para el título y la URL, pones unas frases fijas (o eliges la opción “El título de la página en que está el botón” o “El URL de la página en que está el botón”), ya tienes el código para colocar en cualquier plataforma.

Ahora vamos a ir a nuestra cuenta de Blogger para insertar el código HTML.

Botón de Twitter 11

Para modificar la plantilla, hay que ir a la pestaña “Edición de HTML”, dentro de la opción “Diseño”. Y para poder hacer la modificación, hay que activar la opción “Expandir plantillas de artilugios”.

Botón de Twitter 12

Lo siguiente es algo peliagudo pero no tanto. Hay que modificar un poquito el código HTML que obtuvimos anteriormente. Se trata de añadir “expr:” delante de data-text=’data:post.title’ y de data-url=’data:post.url’. Nada más.

¿Dónde añadir el botón?. Eso requiere conocer también un poco de los entresijos de Blogger pero prueba a colocarlo por encima o por debajo del literal “<data:post.body/>”.

Botón de Twitter 13

Tras estos sencillos pasos, lucirás el nuevo botón de Twitter en tu blog y tus usuarios podrán divulgar fácilmente tus contenidos.

Botón de Twitter 14

Finalmente, te recomendamos los siguientes enlaces, en los que podrás encontrar más información sobre los nuevos botones de Twitter y la forma de implementarlos.

Cómo implementarlo en WordPress.org: esTwitter.com

Cómo implementarlo en WordPress.com: en.blog.wordpress

Cómo implementarlo sin javascript: Bitelia

Análisis de la estrategia de Twitter con el nuevo botón: Alt1040

Compartir

ABC.es

Weblog Magazine © DIARIO ABC, S.L. 2010

Noticias y tutoriales sobre blogging y medios socialesMás sobre «Weblog Magazine»

Etiquetas
Calendario de entradas
agosto 2017
M T W T F S S
« Mar    
 123456
78910111213
14151617181920
21222324252627
28293031  
Tweets recientes