Como implementar el nuevo botón de Twitter

El nuevo Tweet Button es bastante fácil de implementar aunque no es perfecto. El primer y más obvio problema es que, como todo lo que viene de twitter, depende de twitter.

Si estuviésemos hablando de un servicio estable y bien implementado, es decir, separando las cosas, no habría problema, pero justo ayer me demostró que tan así no era. Durante un rato entrar a este blog fue un martirio culpa del javascript oficial de Twitter, fallaba, generaba errores, impedía navegar, hasta parecía el blog hackeado.

No, era el botón oficial y el javascript tomado de http://platform.twitter.com/widgets.js

Si ese widgets.js llega malformado o inclompleto a tu browser es probable que todo falle. Obviamente es algo que también puede suceder con el botón de Facebook (podría escribir en otro post cómo implementar ese otro :P) así que cada vez que dependemos de un servicio externo a nuestro blog, si este falla, encadena el fallo hacia nuestro blog.

Por algo a veces uno prefiere que la mayor parte del código esté en un mismo lugar, para no depender de terceros. Uno podría bajarse el widgets.js e instalarlo localmente pero no vería aparecer las actualizaciones, igual, no es mala idea :P

El botón es muy sencillo y para crearlo tan sólo hay que entrar en la sección de "goodies" de Twitter y utilizar el wizzard para creación.

Primero elijen el estilo, yo opté por el horizontal, luego el texto a imprimir en el twitt, que puede ser el título del post, la url que vamos a compartir y por último el idioma.

Un detalle opcional es que el twitt aclara a qué usuario de la red le pertenece el contenido publicado, así pues si hacen click en el botón aquí podrán ver que el twitt resultante dice "by @fabiomb" que es mi usuario.

El código generado hay que ubicarlo en el template de tu sitio pero hay que tener en cuenta los parámetros utilizados:

  • data-url es el parámetro del enlace al post, en mi caso es fácil, pero uso PostRev, no es wordpress esto :D así que es el enlace numerado como siempre.
  • data-text es el título del post, se le puede agregar lo que uno quiera, saldrá en forma de twitt así que hay 140 caracteres disponibles menos la url simplificada por el servicio propio de Twitter
  • data-via es el parámetro de quien es el dueño, aquí recomiendo tu usuario de twitter
  • data-lang el idioma, "es" para español, obviamente.


En Wordpress sería fácil, the_permalink() en data-url, the_title() en data-text más lo que querramos incluír.
En PostRev sería $titulo para el título y $id_noticia para el id de la nota, digamos, en ambos casos es fácil.

Se puede utilizar la API de distintas formas, para hacerlo con un iFrame o para desarrollar el propio.

Mariano se preguntaba que harán los servicios alternativos que ya hacían esto, por lo pronto hacer uno que no se cuelgue y no te haga fallar todo tu blog es ya un punto a favor :D el uptime de Twitter es una porquería

Categoría: Programación Etiquetas:  botón twitter twitter button widget
Otros posts que podrían llegar a gustarte...

Comentarios

  • :D y pensar que te hacias la dificil al principio con la twittongaland :D le terminaste haciendo post :D iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii

    PD: no sabiamo que eras hermano de mcgiver (?)

    • Responder
    • Citar
    • Comentado:
  • Fabio    


    TUCUMAN ARDE dijo:

    :D y pensar que te hacias la dificil al principio con la twittongaland :D le terminaste haciendo post :D iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii

    PD: no sabiamo que eras hermano de mcgiver (?)


    no es el primero Guiño es que twittonga cambió, esa es la cuestión, hace rato que vengo diciendo: twitter ya no es lo que era, y eso es bueno :D

    • Responder
    • Citar
    • Comentado:
  • Fabricio    

    Que raro que no se te dio de implementar @anywhere de twitter en tu blog.

    • Responder
    • Citar
    • Comentado:
  • Fabio    


    Fabricio dijo:

    Que raro que no se te dio de implementar @anywhere de twitter en tu blog.


    lo probé, no me gustó

    • Responder
    • Citar
    • Comentado:
  • Martin28    

    No me gusta como muestra los links en el mensaje.

    Al principio lo mostraba entero, ayer lo pusieron por unos momentos acortados y ahora está de nuevo como antes.

    Yo quiero que aparezca:

    TITTULO DEL POST http://t.co/mRIfR** via@user

    y no:

    TITTULO DEL POST http://www.fabio.com.ar/verpost.php via@user

    Estuve leyendo la documentacion y no parece haber opcion para manejar uno eso.

    Soy el único al que le molesta?

    • Responder
    • Citar
    • Comentado:
  • Yo debo ser el único al que Twitter le parece una porquería inútil e innecesaria, evidentemente... y mirá que le puse onda, pero no hay caso, no puedo darme cuenta de para qué carajo sirve, o qué necesidad cubre.

    • Responder
    • Citar
    • Comentado:

Deje su comentario:

Tranquilo, su email nunca será revelado.
La gente de bien tiene URL, no se olvide del http/https
Para evitar bots, si se tardó mucho en leer la nota seguramente no sirva y tenga que intentar dos veces

Negrita Cursiva Imagen Enlace


comentarios ofensivos o que no hagan al enriquecimiento del post serán borrados/editados por el administrador