Tag » Twitter

12 ago 2010

Tweetbutton + WordPress

Tweetbutton

Twitter lanza hoy Tweetbutton, su propio botón para compartir contenidos, condenando quizás al olvido a sitios como Tweetmeme que implementaban esa función por su cuenta.

Este es un ejemplo de como implementar el botón (horizontal) en WordPress:

<a href="http://twitter.com/share" class="twitter-share-button" data-url="<?php the_permalink(); ?>" data-text="<?php the_title_attribute(); ?>" data-count="horizontal" data-via="LDA" data-lang="es">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>

Al incluir las variables de título y enlace facilitamos compartir un post desde cualquier página y no que se detecten desde el URL actual (lo que no nos permitiría compartir un post concreto si se está viendo desde el home, por ejemplo).

Recuerden cambiar el usuario por el suyo (reemplazando el valor de data-via por el usuario que corresponda). También pueden usar los otros botones reemplazando el valor de data-count por “vertical”, para el botón grande, o “none” para el botón sin número.

0comentarios

Escrito el 12 de ago de 2010 en Desarrollando.
Etiquetas: , , .

04 ago 2010

Generar enlaces de Twitter usando jQuery

Comparto un snippet que armé rejuntando varias cosas (si, soy pésimo con regex y tuve que darle un montón de vueltas) porque seguro hay alguien más que necesita que los enlaces de un tweet se generen usando javascript y no está del todo seguro de como resolverlo, como fue mi caso.

El código toma un texto plano escrito para Twitter (seguramente obtenido usando la API) y genera los enlaces básicos usando jQuery. O sea: Se convierten URLs en enlaces, menciones de un usuario (palabras precedidas por “@”) en enlaces a su perfil y hashtags (palabras precedidas por “#”) en enlaces a su búsqueda.

$('.tweet').each(function(){

	var str = $(this).text();
	$(this).empty();

	str = ' '+str;
	str = str.replace(/((ftp|https?):\/\/([-\w\.]+)+(:\d+)?(\/([\w/_\.]*(\?\S+)?)?)?)/gm,'<a href="$1">$1</a>');
	str = str.replace(/([^\w])\@([\w\-]+)/gm,'$1@<a href="http://twitter.com/$2">$2</a>');
	str = str.replace(/([^\w])\#([\w\-]+)/gm,'$1<a href="http://twitter.com/search?q=%23$2">#$2</a>');

	$(this).append(str);
});

Tengan en cuenta que en el ejemplo se buscan todos los elementos con la clase tweet, que en mi caso es la que tiene el tweet en sí, y cambien esa parte del código según sea necesario.

Si alguien que sepa más javascript que yo tiene alguna sugerencia para mejorarlo, será más que bienvenida.

0comentarios

Escrito el 04 de ago de 2010 en Desarrollando.
Etiquetas: , , , .

25 abr 2010

Twitter @Anywhere

Twitter hizo público hace unos días @Anywhere, un grupo de herramientas que permiten integrar fácilmente en tu sitio varias funciones del servicio de microblogging.

¡Es genial! Super simple, bien explicado y muy bien pensado. Creo que me llamó más la atención después de haber visto las nuevas herramientas sociales de Facebook, que me siguen pareciendo mal documentadas y más difíciles de integrar. Claro que Facebook ofrece a la larga posibilidades más complejas, pero prácticamente hay que aprender un lenguaje nuevo (FBML) y el resultado sigue estando más centrado en Facebook que en lo que puedas enriquecer tu sitio.

Para probar @Anywhere, lo integré en un rato a ¡Hola Twitter!, sumando la opción de ver más información sobre los usuarios (al poner el cursor sobre un avatar) y la de agregar algo a la conversación que estás viendo sin salir del sitio (simplemente tenés que autorizar al sitio a conectarse con tu cuenta de Twitter).

Más información:

Échenle un ojo también al plugin que hicieron Esteban Bianchi y Juan Rossi para mostrar información de usuarios de Twitter en un blog de WordPress.

0comentarios

Escrito el 25 de abr de 2010 en Desarrollando.
Etiquetas: , .

24 dic 2009

Recreación de Home Alone en Twitter

¿Qué mejor momento que la víspera de Navidad para este experimento de recrear Home Alone (alias “Mi Pobre Angelito”) en tiempo real usando Twitter? Quizás el mejor era nunca, pero bueno, la gente de Nation decidió hacerlo hoy.

0comentarios

Escrito el 24 de dic de 2009 en Linkeando.
Etiquetas: , , .

29 jul 2009

Twitter rediseña

Buscando una mayor usabilidad (y quizás revisando su estrategia), Twitter ha rediseñado su página de inicio, dando mayor protagonismo al buscador y a los temas populares.

0comentarios

Escrito el 29 de jul de 2009 en Linkeando.
Etiquetas: , .

24 jul 2009

Negocios con Twitter

0comentarios

Escrito el 24 de jul de 2009 en Linkeando.
Etiquetas: , .

06 jul 2009

Billy Tweets

Un curioso homenaje a Michael Jackson usando la API de Twitter y su canción “Billie Jean“.

0comentarios

Escrito el 06 de jul de 2009 en Linkeando.
Etiquetas: , .

24 jun 2009

10 cosas que me gustan de TweetDeck

Tweetdeck

Llevo un tiempo usando TweetDeck como cliente de Twitter, y con motivo del lanzamiento de su nueva versión (la 0.26) alguien me preguntaba si valía la pena pasarse, así que se me ocurrió hacer un post al estilo del de las 10 cosas que me gustan de Opera para comentar, no necesariamente comparando con otras alternativas, 10 cosas que me gustan de TweetDeck:

  • Es multiplataforma, ya que está basado en Adobe Air, y puedo usarlo de la misma forma en Windows o en Ubuntu.
  • La cuenta de TweetDeck te permite guardar varias de tus preferencias online para tener como backup además de poder sincronizarlas si instalás la aplicación en varios dispositivos.
  • Columnas personalizables, para organizar todo como nos resulte más cómodo, sumando y quitando filtros y vistas.
  • Grupos para poder crear columnas con las que seguir más fácilmente a distintos tipos de contactos.
  • Ver conversaciones al hacer click en la respuesta de un usuario a otro, en vez de ver sólo el tweet al que respondió y quedando resaltada la conversación actual además de mostrar conversaciones anteriores.
  • Múltiples cuentas de una forma bastante simple, por lo que puedo twittear con mi cuenta personal y de vez en cuando agregar algo, por ejemplo, con la cuenta de 37pixels o con la de algún otro proyecto.
  • Utilidades integradas, para acortar URLs, subir y compartir imágenes directamente desde la aplicación.
  • Preview de imágenes y URLs. Podemos ver imágenes de varios sitios ahí mismo y ver los URLs completos que fueron acortados con algún servicio antes de abrirlos.
  • Shortcuts para acciones al ver un twitt. Es muy fácil responder, retwittear, marcar como favorito y cualquiera de las acciones posibles sobre el usuario o twitt que estamos viendo.
  • Integración con Facebook. Podemos actualizar nuestro estado o ver una columna con los estados de nuestros “amigos”. Yo no lo le doy mucha bola pero es un feature interesante para seguir manteniendo todo lo posible en una sola aplicación.

0comentarios

Escrito el 24 de jun de 2009 en Probando.
Etiquetas: , , .

23 jun 2009

Compartiendo fotos en Twitter con Flickr

En el blog de Nokia descubro que Flickr acaba de agregar a su herramienta para asociar blogs a tu cuenta una opción de Twitter, lo que permitiría twittear cualquiera de nuestras fotos (en realidad cualquier foto que tenga los permisos para ser blogueada, incluso las ajenas) con un solo click. Si son usuarios de los dos sitios, pueden agregarlo en su cuenta para probarlo.

0comentarios

Escrito el 23 de jun de 2009 en Linkeando.
Etiquetas: , , , .

16 may 2009

¿Nueva experiencia de Lost partiendo de Twitter?

Como ya han hecho anteriormente, parece que los creadores de Lost planean una nueva experiencia o ARG online aprovechando las nuevas tecnologías para mantener a los fans entretenidos hasta el inicio de la próxima temporada. Esta vez, según lo que se puede deducir a partir de un video, la clave podría estar en dos usuarios de Twitter: Simeon Hobbes y Epithet Alpha.

Incluso ya hay un hashtag que los fans están usando para identificar sus conversaciones sobre esto: #lostarg. Pueden seguir en vivo lo que se está comentando al respecto.

Update: Según se puede leer por varios sitios, por ejemplo en DarkUFO, este ARG es un fake creado por un fan y si se hace algo oficial, será a partir de la Comic-Con de este año. De todas formas la repercusión que generó es muy interesante…

2comentarios

Escrito el 16 de may de 2009 en Webeando.
Etiquetas: , , , .

Twitteando Microblogging or something

Gravatar de Leo Ver archivo en Twitter +

Fotografiando Mis últimas fotos en Flickr

  • Llueve
  • To do
  • Guante
  • iPad en SocialSnack
  • HTML5 for web designers
  • Atardecer
  • Nube
  • Siguiendo los penales
  • Irrepetible
  • Hoy juega brasil...
  • Atardecer
  • Pochocleta

Ver archivo en Flickr +

Viendo Películas y series que veo

  • Dead Set
  • Inception
  • Shutter Island
  • Cop Out
  • The Box
  • Alice in Wonderland

Ver archivo de Viendo +

Leyendo Pasando por mi mesita de luz

  • HTML5 For Web Designers
  • Mort
  • 20th Century Ghosts
  • World War Z
  • Vampiria
  • Cuentos Completos I

Ver archivo de Leyendo +

Randomizando Posts al azar en imágenes

  • Californication
  • Nombre desafortunado
  • Acerca de Leo
  • El final de Lost
  • 10 cosas que me gustan de TweetDeck
  • FlashForward ¿La nueva Lost?
  • Weeds
  • House MD
  • Error humano

Acerca de

Gravatar de Leo Soy un desarrollador web de Buenos Aires. En este blog escribo sobre diseño, desarrollo, internet, tecnología, música, ocio y la vida misma. Más sobre mi »

Hace un año...