Se puede incluir un dato de un RSS en una pagina web?

gokufast · #1 (**permalink**) 05/09/2008, 08:42

me explico, tengo una pagina que se actualiza diariamente (http://www.bcb.gov.bo/) en la cual se ven los datos del tipo de cambio en dolar y de unidad de fomento a la vivienda, estos datos pueden ser enviados mediante RSS.

Lo que quiero es saber si esos datos de los tipos de cambio, mediante rss los puedo agregar en una pagina web, cosa que cuando la pagina http://www.bcb.gov.bo/ se actualize tambien lo haga mi pagina.

Hay alguna forma de que mi pagina "jale" los datos del rss?

Saludos

Daniel Ulczyk · #2 (**permalink**) 05/09/2008, 10:21

En alguna ocasión, para tal efecto, he utilizado

A robust RSS Feed displayer

Para tu caso, implementando ese script, sólo te resta conocer el RSS desde donde tomar los datos.

Suerte!

gokufast · #3 (**permalink**) 05/09/2008, 13:26

ufa a primera vista se ve un poco complicado, pero talvez no lo sea tanto al hacer la prueba, gracias por el dato.

PD. tu ya lo pusiste en practica?

Daniel Ulczyk · #4 (**permalink**) 05/09/2008, 13:38

Cita:

Iniciado por Daniel Ulczyk

En alguna ocasión, para tal efecto, he utilizado (...)

Si tenés el feed con las cotizaciones, publicálo; y vemos que se puede hacer.

gokufast · #5 (**permalink**) 05/09/2008, 13:54

aca esta la pagina (http://www.bcb.gov.bo/) y aca el feed (http://www.bcb.gov.bo/rss_bcb.php)

Daniel Ulczyk · #6 (**permalink**) 05/09/2008, 14:37

He tomado el feed y puedo mostrarlo adecuadamente dentro de un contexto; pero, antes, me permito las siguientes consideraciones:

Para la correcta implementación del script, debés previamente al uso, obtener una API de Google. Lo cual lo llevás a cabo haciendo un log-in en Google Code
Si no disponés de una cuenta en Google, tramitála previamente.
El script está publicado en el enlace que cité oportunamente. En mi caso, creé una carpeta llamada js bajo la cual colgué el script.

Entre las etiquetas <head></head> insertás el script que carga la API de Google:

Código HTML:

<script type="text/javascript" src="http://www.google.com/jsapi?key=API otorgada por Google">
    </script>

En otra línea, hacés la llamada al script:

Código HTML:

<script type="text/javascript" src="js/rssdisplayer.js"></script>

Finalmente, donde quieras que aparezca la cotización, insertás lo siguiente:

Código HTML:

<script type="text/javascript">

new rssdisplayer("msndiv", "http://www.bcb.gov.bo/rss_bcb.php", 1, "date, description")

</script>

Notá acá, que el tercer parámetro es 1. Sólo quiero mostrar la cotización del U$S; de querer ambas, ponés 2 (para que inserte las 2 entradas).

Acá, una captura de pantalla, con los datos que me pasaste y el script:

Finalmente, mediante CSS podés adaptar la apariencia del feed insertado.

Suerte!

gokufast · #7 (**permalink**) 05/09/2008, 15:14

WOW, muchisimas gracias, por la ayuda.
esto no solo me va a servir para esto de las cotizaciones sino para muchas otras cosas mas.

mil gracias, voy haciendo la prueba y si tengo algun problema te lo consulto.

Daniel Ulczyk · #8 (**permalink**) 05/09/2008, 15:31

Por nada. Ha sido un gusto.

Buen fin de semana!

gokufast · #9 (**permalink**) 08/09/2008, 16:19

muchisimas gracias daniel acabo de implementarlo en mi pagina y esta genial incluso con la ventaja que en mi localhost tambien puedo hacerle cambios y mejoras, lo malo que en el feed de origen esta mal alineado pero bueno eso es lo de menos.

que buena cosa esta y una vez mas muchas gracias, y bueno ojala le sirva a alguien mas.

Daniel Ulczyk · #10 (**permalink**) 08/09/2008, 16:51

Tené presente, como antes te dije; que con CSS podrás hacer ajustes según tus requerimientos.

gokufast · #11 (**permalink**) 08/09/2008, 16:54

eso hare, :D

gokufast · #12 (**permalink**) 15/09/2008, 15:51

intente varias cosas pero nada me satisface ya que siguen pegados como esta en la imagen, y bueno, quiero que este uno abajo del otro.
Intenté cambiar el rssdisplayer.js me salen cosas interesantes pero no lo que quiero.

Daniel Ulczyk · #13 (**permalink**) 15/09/2008, 16:06

Está tu sitio web online ahora?
Cual es la URL para ver como está quedando?

Espero tu respuesta. Saludos.

gokufast · #14 (**permalink**) 15/09/2008, 16:10

bueno la verdad lo estaba haciendo localmente en mi pagina, pero si quieres lo subo.

Daniel Ulczyk · #15 (**permalink**) 15/09/2008, 16:18

Subílo a una carpeta temporal, si querés; en algún lado que no te perjudique.

gokufast · #16 (**permalink**) 15/09/2008, 16:39

aca esta un temporal, pero si necesitas de otro lugar me lo comunicas.

http://desmond.110mb.com/index_01.htm

Daniel Ulczyk · #17 (**permalink**) 16/09/2008, 08:04

Estás basando tu diseño en tablas y, además, usás los estilos CSS inline.
En fin. Basándome en ello he creado un estilo CSS que debarás incluir debajo de Estilo5, en tu ejemplo.

Código css:

Ver original#bcbdiv ul {
list-style-type: none;
width: 200px;
height: 200px;
border: 1px solid #000;
padding: 15px 10px;
}
 
#bcbdiv ul li {
background: #CCC;
margin: 10px 0 0 20px;
font-size: 10px;
float:left;
}

El secreto, consiste en darle un ancho a la lista desordenada. Opté por width:200px
La inclusión de border, es a los efectos de poder ver en tiempo de diseño el comportamiento de la caja. Se puede prescindir de esto.
Así como el background en las listas, sólo para colorear el "título"
Con los valores de margin y padding, lo cual podrás modificar a gusto; intenté ajustar un poco la presentación.
Espero te sea útil.

Cualquier duda, cuando quieras.

Saludos!

gokufast · #18 (**permalink**) 16/09/2008, 08:39

Muchisimas gracias , sos un capo, salio de lujo.

Cita:

Iniciado por Daniel Ulczyk

Estás basando tu diseño en tablas y, además, usás los estilos CSS inline.

en que otra cosa puedo basar mi diseño?
y lo de los estilos tengo un archivos donde estan todos mis css, lo que esta ahi era de prueba solamente.

Daniel Ulczyk · #19 (**permalink**) 16/09/2008, 08:46

Me alegro haya funcionado.
Te recomiendo una lectura:

Por qué diseñar con tablas es estúpido?

Hay un mundo más allá de basar el diseño con tablas.

Suerte!

gokufast · #20 (**permalink**) 16/09/2008, 08:52

Gracias Daniel tiene algo que ver con maquetacion en CSS?

Daniel Ulczyk · #21 (**permalink**) 16/09/2008, 14:48

Exactamente.

De eso se trata.

gabriel_dcv · #22 (**permalink**) 15/12/2009, 16:46

Hola, yo quisiera agregar notas q tengo en mi blog, en mi website. Cuales son los pasos a seguir, por hice lo del script y no tuve exito, no crea nada. Mi feed es:

http://feeds.feedburner.com/NoticiasVelomotor

Ahi estan las notas creadas. Hace apenas un dia q estoy con esto del RSS, ayer me enteré q es, y crees mis feed con feedburner. Espero su respuesta, gracias!

Daniel Ulczyk · #23 (**permalink**) 15/12/2009, 17:09

Cita:

Iniciado por gabriel_dcv

Hola, yo quisiera agregar notas q tengo en mi blog, en mi website. Cuales son los pasos a seguir, por hice lo del script y no tuve exito, no crea nada. Mi feed es:

http://feeds.feedburner.com/NoticiasVelomotor

Ahi estan las notas creadas. Hace apenas un dia q estoy con esto del RSS, ayer me enteré q es, y crees mis feed con feedburner. Espero su respuesta, gracias!

En línea con este tema, aseguráte que hayas gestionado la API de Google

gokufast · #24 (**permalink**) 16/12/2009, 07:31

yo inclui exitosamente la rss de un banco en cuanto a los tipos de cambio en un lugarcito de mi pagina, buscare de donde saque la info y lo publicare ya que me sirvio bastante.

gokufast · #25 (**permalink**) 16/12/2009, 07:46

bueno menos mal la encontre rapido aca esta, me parece genial esta API de google.

http://www.javascriptkit.com/dhtmltu...ajaxfeed.shtml

gabriel_dcv · #26 (**permalink**) 20/12/2009, 09:43

Hola Daniel, gestione bien la API de google; me di cuenta q estaba bien porq hice funcionar otro script (lo saque de google y anda, pero no me pone links a los feed ni se como editarlo).
Te dejo la pagina para q veas donde esta el error en el codigo:

http://www.motoresdebicicleta.com.ar/Motores%20test.htm

Gracias!!

Daniel Ulczyk · #27 (**permalink**) 20/12/2009, 16:37

Cita:

Iniciado por gabriel_dcv

Te dejo la pagina para q veas donde esta el error en el codigo

Estás haciendo un link a un archivo que no está presente en el server

¿dónde está el archivo rssdisplayer.js?

Txalito · #28 (**permalink**) 15/02/2010, 11:02

Hola amigos!

Este post me ha sido de gran utilidad, pude adaptarlo para mostrar el valor del dolar en Argentina.

El problema que estoy teniendo tiene que ver con la estética de como se muestra, me gustaria poder mejorarlo.

Pueden ver la muestra en www.lightfaro.com/test/unicred/web/dolar.php

Me gustaria por un lado, quitar el punto antes de la palabra argentina, y luego, ordenra la informacion de esta manera:

ARGENTINA
Mercado libre:
Compra: 3,84 pesos
Venta: 3,87 pesos
Fuente: Casas de cambio

Lo inetnté con los estilos tal como comentaban arriba, pero no lo logré.

Si pudieran darme una mano les agardeceré mucho.

Gracias y realmente muy util el foro!!

Saludos

eloymonter · #29 (**permalink**) 24/04/2013, 11:38

Que tal, estoy construyendo un sitio en el que me gustaría incluir avisos de un blog, ésta herramienta me pareció perfecta, pero tengo algunos problemas:
No se cómo conseguir el API key de google, qué ruta debo seguir para localizarla? se debe especificar algún producto relacionado con el RSS?