Mostrar tweets relacionados con Realtime Related Tweets

Javascript

David | 2/10/2009

Realtime-Related-Tweets-Bar Hoy he descubierto un plugin de jQuery que es verdaderamente útil. Se trata de Realtime Related Tweets, un plugin con el que, según los tags del artículo que se este visualizando, se mostrarán los últimos tweets del usuario que quieras. El plugin obtiene los tags de los enlaces con el atributo rel=”tag”.
Características:

Muestra los tweets relacionados con el post según los tags de el artículo.
Muestra tu línea de tiempo de twitter, relacionado con el post o no, según se quiera.
Devuelve solo tweets con enlaces o no, según se configure.
Limita los tweets a 1 o más usuarios. (from/to/mention users!)
Limita los tweets por geolocalización.
And y Or en las busquedas.
Efectos de transicion como opacity, height, font-size.
Fácil personalización por CSS.
Muestra o esconde algunas partes como el avatar, nombre del author, fecha.
Implementación mediante Javascript o mediante un autoload usando un fiv con la clase “related-tweets”.

Modo de empleo

Con Autoload

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"><!--mce:0--></script>
<script src="http://realtime-related-tweets-bar.googlecode.com/files/jquery.relatedtweets-1.0.min.js" type="text/javascript"></script>
 
<div class="related-tweets">Cargando..</div>

Autoload con opciones

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script src="http://realtime-related-tweets-bar.googlecode.com/files/jquery.relatedtweets-1.0.min.js" type="text/javascript"></script>
 
<div class="related-tweets" options="{
   debug:true
   ,from_users:'TechCrunch,mashable'
   ,links_only:1
   ,animate:'fontSize'
   ,enter_time:500
}">Cargando..
</div>

Sin Autoload

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="http://realtime-related-tweets-bar.googlecode.com/files/jquery.relatedtweets-1.0.min.js"></script>
 
<script type="text/javascript">  
   $(document).ready(function(){
      $('#rrt').relatedTweets({
         debug:true
         ,from_users:'Mike_More'
         ,status:1
         ,realtime:0
         ,n:20
         ,show_avatar:0
         ,show_author:0
      });
   });
</script>
 
<div id="rrt">Cargando..</div>

Se puede obtener más información en more tech tips o en la página de Google Code donde se aloja el proyecto. También se puede ver un ejemplo en la página de Google Code.

Compartir:

Comentarios

1
Mike More
2 de octubre del 2009 a las 3:30 am

Thanks for featuring my new plugin on your site :)
2
David
2 de octubre del 2009 a las 3:37 am

You’re welcome…