Artículos > Internet y Negocios Online > Diseño y Programación Web
Api De Twitter Y Javascript - Mostrar Los últimos Tweets De Cualquier Ususario
Con solo tres líneas de código Javascript, ahora puedes ver tu(s) último(s) tweet(s) dentro de cualquier página web gracias a la aplicación de twitter -Twitter API- que te permite acceder a la base de datos de twitter de manera muy fácil y eficiente.
Normalmente cuando queremos mostrar nuestro último mensaje enviado a twitter (o varios de ellos) y estamos utilizando una plataforma muy popular como Blogger o Wordpress, podemos instalar un plug-in que viene con dichos CMS para hacer todo el trabajo.
Pero cuando estamos creando un sitio (o modificando un sitio que no está construido bajo ninguna plataforma popular de contenido) nos puede surgir la necesidad de mostrar los últimos tweets (mensajes) nuestros o de un usuario en particular.
No necesitamos nada más que el nombre de usuario que queramos mostrar, y unas simples líneas de código javascript para realizarlo. Obviamente debes tener acceso a editar el código HTML del sitio en el cual deseas colocarlo.
Pero cuando estamos creando un sitio (o modificando un sitio que no está construido bajo ninguna plataforma popular de contenido) nos puede surgir la necesidad de mostrar los últimos tweets (mensajes) nuestros o de un usuario en particular.
No necesitamos nada más que el nombre de usuario que queramos mostrar, y unas simples líneas de código javascript para realizarlo. Obviamente debes tener acceso a editar el código HTML del sitio en el cual deseas colocarlo.
Pasos:
- Primero que nada, decide en qué parte de la página deseas mostrar el contenido de twitter, y luego copia esta código:
<div id="twitter_update_list"></div>
- Ahora debes ingresar el código javascript que consulta la base de datos de Twitter. Debes hacerlo debajo del código ingresado en el paso 1.
<script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
<script type="text/javascript" src="http://twitter.com/statuses/user_timeline/12345.json?callback=twitterCallback2&count=1"></script>
Asegurate de cambiar el texto "12345" por tu nombre de usuario de twitter (o el nombre de ususario que deseas mostrar). Además, el número que viene luego de "&count=" determina el número de mensajes de twitter que se mostrarán. En el ejemplo se mostrará el último mensaje únicamente, pero puedes cambiarlo.
Por ejemplo, para cambiar el color del texto a naranja y el color de fondo a negro, solo debería incluir el siguiente código en mi archivo .css
#twitter_update_list span {
color: #FFCC00;
background: #000000;
}
De la misma forma se puede cambiar el color de los links que aparecen dentro de los tweets, y también el color de los mismos cuando se les pasa el mouse por encima. Respectivamente sería:
#twitter_update_list span a {
display: inline;
color: #000000;
}
#twitter_update_list span a:hover {
text-decoration: underline;
color: #666666;
}
Esto no es todo lo que se puede hacer con el API de Twitter, de hecho las posibilidades son muy numerosas. Es recomendado leer la documentación del api de twitter (en inglés) para entender mejor el funcionamiento de este script y de las opciones que tenemos los webmasters al utilizarlo.
Otros artículos recientes sobre Diseño y Programación Web:
- Diseño Accesible A Su Alcance
- Cómo Sacar El Máximo Provecho De Las Herramientas Para Webmasters De Google
- Por Qué y Para Qué Wordpress
- Comercio Electrónico Y Las Ventas Por Internet
- Creación de Páginas Web - 5 consejos para emprender en internet con una página web
- Cuánto Importan Los Aspectos Técnicos De Un Sitio
- Herramientas Para Webmasters
- Por Dónde Empieza Un Sitio
- El Diseño Web Y Los Esquemas De Colores
- Cómo Hacer Una Pagina Web
- Qué Es La Usabilidad Web
- Tres Factores Importantes Del Diseño Web
- Sacándole El Jugo Al Sitio Institucional
- Usabilidad Web - Qué es y Cómo Incrementarla
- Elementos Indispensables en el Diseño de Sitios Web (ii)
Ver todos los artículos de Diseño y Programación Web
Cómo citar este artículo:
Cacho Lagarza, "Api De Twitter Y Javascript - Mostrar Los últimos Tweets De Cualquier Ususario" - 26 Jul 2009, Articulo.tv - http://www.articulo.tv/?Api-twitter-javascript-mostrar-ultimos-tweets-cualquier-ususario&id=22 Consultado: 09 Sep 2010

