Google AJAX Feed API en una librería AJAX desarrollada por los desarrolladores de Google con el cual puedes implementar un lector de Feeds utilizando un sencillo script. Feed API soporta la mayoría de los formatos de Feed entre los cuales tenemos:
- Atom (1.0, 0.3)
- RSS (2.0, 1.0, 0.94, 0.93, 0.92, 0.91. 0.9)
El primer paso para hacer uso de este script es registrarse para obtener un número key, esto lo hacemos en: http://code.google.com/apis/ajaxfeeds/signup.html. Luego del registro te darán un key y los ejemplos con lo podrás implementar fácilmente tu lector de feeds.
El siguiente paso es crear un nuevo documento html e incluir el javascript necesario para el funcionamiento de este lector. Donde tukey es tu número key generado en el paso anterior.
<script type="text/javascript" src="http://www.google.com/jsapi?key=tukey"></script>
Lo que sigue es llamar a la función que sirve para cargar el API para los feeds en su versión 1, esto se hace llamando a google.load
<script type="text/javascript" type="text/javascript"> google.load("feeds", "1"); </script>
Lo siguiente es crear una función que cargará al iniciar la página las funciones necesarios para que funcione nuestro lector, aquí llamamos a la función FeedControl el cual tiene múltiples opciones, de estas opciones utilizamos addFeed para agregar un feed que recibe dos parámetros, el primero es la ruta del Feed y el segundo es el titulo que se asignará a este feed. Luego utilizaremos setNumEntries que define la cantidad de registros mostrados por feed. Finalmente utilizamos draw para indicar sobre que parte del html escribiremos los resultados del Feed.
function OnLoad() { var feed = new google.feeds.FeedControl(); feed.addFeed("http://blog.unijimpe.net/feed/", "unijimpe"); feed.setNumEntries(10); feed.draw(document.getElementById("feedDiv")); } google.setOnLoadCallback(OnLoad);
Para ello necesitamos tener un div llamado feedDiv en nuestro HTML, que es donde se mostrarán los resultados.
<div id="feedControl">Loading</div>
Finalmente uniendo todos las partes obtenemos:
<html> <head> <title>Google AJAX Feed API</title> <script type="text/javascript" src="http://www.google.com/jsapi?key=tukey"></script> <script type="text/javascript" type="text/javascript"> google.load("feeds", "1"); function OnLoad() { var feed = new google.feeds.FeedControl(); feed.addFeed("http://blog.unijimpe.net/feed/", "unijimpe"); feed.setNumEntries(10); feed.draw(document.getElementById("feedDiv")); } google.setOnLoadCallback(OnLoad); </script> </head> <body> <div id="feedControl">Loading</div> </body> </html>
Hay que tener en cuenta que podemos usar varias veces la opción addFeed con lo cual podemos incluir varios feeds en nuestro lector. El resultado de nuestro ejemplo es el siguiente:
Comentarios Total 3 comentarios
Publicado: 02/06/2007 6:18 am
Bueno, bueno. Excelente tip.
Saludos.
Publicado: 16/06/2007 9:40 pm
muy bueno, como puedo ahora agregar feeds y tal vez borrar y o superponer.
Publicado: 21/10/2008 12:23 am
Siempre que busco algo, lo encuentro en tu blog, muy util. Pero no me funciono tu ejemplo, creo que tienes que corregir el nombre del div, cambiar ‘feedControl’ por ‘feedDiv’. Asi recien me funciono.
Bye ;)
Lucio