El blog de Facu

A Partir de hoy Twitter a dado un paso mas en su malevo plan para conquistar el mundo (web) y ha puesto a disposición de todos la posibilidad de embeber o incrustar tweets. De la misma forma que incrustamos un video de youtube, por ejemplo, ahora también vamos a poder  hacerlo con tweets . Hasta el momento las formas más comunes de citar un tweet consistían en copiar el texto del tweet a modo de cita (copy & paste) o caputar la pantalla con dicho tweet y agregarlo como imagen, ambos métodos podían producir errores (involuntarios o no), pero además requería de todo un proceso (simple si, pero que lleva su tiempo). A partir de hoy, con este lanzamiento, contamos con una nueva forma de citar tweets, mucho más "fiel" al autor, más "textual" y más sencilla . El tweet incrustado incluye la fecha exacta en la que fue realizado y el cliente desde el cual se generó.

1. Copiar la url del tweet. No la del perfíil, la url específica del tweet como por ejemplo esta: http://twitter.com/_facu/status/13398278313.
2. Ingresar al sitio Blackbird Pie, que es el que genera el código que debemos luego incrustar.
3. Pegar el url obtenida en el paso 1, en el cuadro de texto de la página  y luego insertar el código generado en el en el blog/sitio deseado.

Una aclaración que se hace desde el sitio Blackbird Pie, es que el tweet que se genera incluye el estilo del perfil del usuario al que pertenece el tweet.

Si todo funciona bien a continuación debería estar el primer tweet que incrusto ;)

 <!-- http://twitter.com/_facu/status/13398278313 --> <style type='text/css'>.bbpBox{background:url(

) #cc6666;padding:20px;}p.bbpTweet{background:#fff;padding:10px 12px 10px 12px;margin:0;min-height:48px;color:#000;font-size:18px !important;line-height:22px;-moz-border-radius:5px;-webkit-border-radius:5px}p.bbpTweet span.metadata{display:block;width:100%;clear:both;margin-top:8px;padding-top:12px;height:40px;border-top:1px solid #fff;border-top:1px solid #e6e6e6}p.bbpTweet span.metadata span.author{line-height:19px}p.bbpTweet span.metadata span.author img{float:left;margin:0 7px 0 0px;width:38px;height:38px}p.bbpTweet a:hover{text-decoration:underline}p.bbpTweet span.timestamp{font-size:12px;display:block}</style> <div class='bbpBox'><p class='bbpTweet'>Como yo siempre digo: Publica o muere #Homero<span class='timestamp'>less than a minute ago via web</span><span class='metadata'><span class='author'><strong>Facu Herrera</strong><br/>_facu</span></span></p></div> <!-- end of tweet -->

Actualización: Algo salió mal y la "inscrustación" no resultó como esperaba, era algo que podía pasar y pasó, digamos que el uso es a mi propio riesgo.

Durante la Chirp (conferencias para desarrolladores organizadas por Twitter), de la que algo comentaba en el post anterior, se presentaron varias novedades interesantes, entre ellas @Anywhere (el asunto del post). Anywhere es una solución de Twitter para desplegar su plataforma a través de toda la Web, permitiendo brindar a cualquier usuario de la red Social una experiencia similar a la que puede tener en la propia Home de Twitter, pero en cualquier página que decida implementar o soportar este servicio. Queda claro que el nombre es bastante acertado  (anywhere = cualquier lugar) que es justamente lo que pretenden lograr con este servicio, trasladar la "experiencia" twitter a la Web toda . La forma de soportar @Anywhere en cualquier sitio es sencilla, página donde querés que se soporte @Anywhere página en la que tenés que incluir un tag <script> que apunte al recurso JavaScript @AnyWhere , incluyendo como datos la API key que Twitter te provee y la versión de @Anywhere que estés utilizando (Más detalles acá ).

• Auto-linkification of Twitter usernames (nombre de usuarios twitter se abren en la página de perfil del usuario)
• Hovercards (son como tarjetas de contacto que aparecen al pasar el mouse sobre un usuario  nombrado con el @)
• Follow buttons
• Tweet Box (Para twittear directamente desde la página)
• User login & signup.

Entusiasmadísimo (?) con @Anywhere quise implementarlo en este blog, (que mejor manera de mostrar como funciona que en el mismo sitio en tiempo real) y así brindar a los lectores del mismo (a ustedes bah) y usuarios de Twitter una experiencia ...etc. El proceso, como dije más arriba, era simple, bastaba con seguir esos sencillos pasos y voila. Pero (siempre hay un pero) no tuve en cuenta que Posterous, la plataforma de bloggin en la que estoy "parado," no permite la inserción de scripts, condición mandatoria para soportar @Anywhere. 

Al principio no supe porque no funcionaba, ya que seguí todos los pasos al pie de la letra y no había @anywhere por ningún lado ;). Los que son usuarios de Posterous sabrán que es posible customizar el estilo del sitio, y ahí pensé en agregar las lineas que necesitaba, pero luego de guardar los cambios los scripts desaparecían, algo raro pasaba. Entonces  mandé un mail al soporte de Posterous donde me confirmaron  la sospecha, no permiten scripts, pero dejaron abierta la posibildad de dar soporte "pronto" a @Anywhere en forma nativa  o de fábrica. A continuación la respuesta del correo que recibí.

Cuando tenga novedades actualizaré esté post, y podrán darme Follow con un simple click sobre @_facu. ;) Hasta la próxima.