NorfiPC
NorfiPC » Códigos » Mostrar noticias RSS

Como mostrar con Google Feed API artículos y noticias de otros sitios web



Códigos para mostrar en nuestras páginas un resumen de las últimas publicaciones de otros blogs o sitios web, usando el RSS y la API de Google. Ejemplos prácticos y su código para copiar y pegar, incluyendo el estilo CSS empleado.
Como mostrar con Google Feed API artículos y noticias de otros sitios web
En un artículo anterior indicábamos cómo es posible mostrar en las páginas web de un sitio las publicaciones más recientes usando AJAX o insertándolas directamente mediante PHP.
Todo lo anterior es sin usar ningún servicio exterior lo que nos permite un control total y personalizar los elementos a nuestro gusto.
Otra opción más fácil y sencilla es usar la API para Feed que proporciona Google.
Por supuesto que también se usa AJAX, pero en este caso en los servidores de Google se almacena en cache los archivos del archivo RSS solicitado y devuelve el resultado en texto plano o con un estilo incluido.
Hay varias formas de usar el servicio, en el panel de Code Playground hay varios ejemplos y podemos obtener el código necesario.



Código para mostrar las publicaciones recientes de nuestro sitio


De forma simple podemos usar el siguiente código para mostrar en cualquier página las últimas publicaciones de nuestro sitio.
No es necesario poseer una clave API de Google para esta opción.
De forma predeterminada se muestran 4 entradas, pero podemos especificar otra cantidad usando el parámetro "feed.setNumEntries(n);".
Es posible usar distintas opciones para personalizar que necesitamos mostrar la lista de publicaciones.
Usa el siguiente código, sustituye la dirección de nuestro feed de noticias.
Las publicaciones se muestran en el lugar exacto donde se sitúe el contenedor "rss01".
Se incluye el estilo CSS que usamos pero que puedes modificar a tu antojo.

Un ejemplo funcionando:



Código para mostrar las últimas publicaciones de varios sitios


Otro método mediante el cual se puede mostrar las publicaciones de varios sitios.
En el ejemplo incluimos dos RSS.
Se muestran todo el contenido del feed, pero lo limitamos con "feed.setNumEntries" a solo 3 en cada RSS.
En este caso no es posible modificar el formato predeterminado.
Se muestra el título, la fecha/hora y la descripción de cada una.

El código anterior funcionando:



Código para mostrar publicaciones RSS de forma dinámica


Esta es la forma más compleja, pero más atractiva.
Es necesario en este caso usar una clave personal de la API de Google (para servidor), que se puede obtener gratis.
Lee como obtenerla: Como obtener una clave de la API de Google

Un ejemplo:
Cargando...



En casi todos los casos podemos modificar el estilo de las listas a nuestro modo y que se ajusten al estilo de nuestras páginas.
Podemos mostrarlas en la barra lateral o en cualquier otra parte.
Solo es necesario tener nociones del uso algunos parámetros del lenguaje CSS.
Lee más información en el siguiente artículo: Tutorial y manual básico del uso de los estilos CSS
Lee y conoce toda la documentación en Google sobre el uso de la API para Feeds

Páginas relacionadas



Comparte esta página




Sígueme en las redes sociales


Sígueme en Google Plus Sígueme en Facebook Sígueme en Twitter Sígueme en Pinterest





 
Inicio | Mapa del sitio | Sobre mí | RSS | Buscar