21 jul. 2011

Cómo Integrar las publicaciones del blog en una web



Imagínate el caso en el que por un lado tenemos un blog y por otro un sitio web, seguramente habrás pensado en cómo integrar las publicaciones del blog en una de las páginas del sitio, por ejemplo bajo la sección "últimas noticias"

Para este fin usaremos el servicio FeedBurner también de Google y el mismo que utilizamos cuando hablamos de cómo establecer un mecanismo de suscripción por email en el blog. Este servicio ofrece multitud de opciones una de ellas se llama BuzzBoost, que es capaz de convertir el Feed (RSS) del blog en un fragmento HTML gracias a un código javascript listo para integrar en tu página Web. Así de sencillo y directo.

Pasos para integrar las publicaciones del blog en una página web:
  1. Entra en FeedBurner
  2. Configuración (solo en el caso de que no lo hubieras hecho antes)
    • Puedes seleccionar el idioma español
    • En la casilla del texto debes poner el Feed del blog, que por regla general es: http://ladirecciondetublog.blogspot.com/atom.xml
    • Presiona el botón Siguiente
    • Podrás indicar el título y la descripción del Feed. Presiona Siguiente
    • Ahora haz clic abajo, donde pone "ir directamente a la gestión del Feed"
  3. Haz clic en la pestaña Publicize y luego en BuzzBoost
  4. Configura la cantidad de titulares a mostrar, el titulo, la fecha, etc-
  5. Haz clic en Activar
  6. Copia el script que te facilita la propia página
  7. Pégalo en tu página Web, guarda y prueba que funciona.
Puedes hacer cambios, como por ejemplo la cantidad de titulares, las palabras mostradas de cada noticia, etc., directamente en el servicio sin que tengas que volver a copiar y pegar el código html. Tu página de noticias se actualizará sobre la marcha.

Haz click aquí ver las publicaciones de este blog en una página web (publicada en Dropbox)

Para la creación de la página web he usado Adobe Dreamweaver. A través de los estilos CSS podrás cambiar la apariencia de cada elemento de las noticias.

Conclusiones. Usamos el blog como gestor de noticias para alimentar una sección de la web corporativa. Este tutorial ha sido sugerido por uno de los lectores de iniciaBlog a través del formulario de contacto. ¡Gracias!

Si te ha gustado esta publicación y no quieres perderte ninguna otra, sígueme a través de Facebook, Twitter, suscripción por email, Google Friend , RSS ahora también en Google +. Usa los botones sociales al pié de la publicación para recomendarla a tus amigos. ¡Gracias! ;-)

23 comentarios:

  1. Hola

    Me ha gustado tu entrada. Me ha funcionado bien pero no encuentro la forma de introducirlo en el html del blog alojado en blogger. Podrias echarme una mano en eso?

    Un saludo!

    ResponderEliminar
  2. Hola Ethan,

    De lo que se trata es de publicar en tu pagina web las entradas de tu blog...si eres quien gestiona tu sitio web seguramente estas usando Dreamweaver ....si no eres tu comentale al webmaster del sitio web.

    No puedo ayudarte mucho más ya que debe ser el webmaster quien integre el código en el sitio web

    ResponderEliminar
  3. Me encanto esta entrada justo buscaba algo asi, muchisimas gracias.
    startecniafireworks.blogspot.com una buena forma de tenerlo todo integrado, web, y blog.
    Josep.

    ResponderEliminar
    Respuestas
    1. Muchas Gracias Josep!
      Por dejar tu comentario. Encontrarás muchos temas para tu blog aquí.

      Un fuerte abrazo y seguimos conversando,

      Jesús González

      Eliminar
  4. Por favor me podrias decir si hay manera de que salgan los blog con todo y fotos y titulares y videos. Muchas gracias por la ayuda desde ya

    ResponderEliminar
    Respuestas
    1. Hola Gad Prefectura,

      En la pestaña BuzzBoost de Feedburnet puedes decirle que quieres escriba todo el HTML de post completo. El feed de tu blog debe ser también completo.

      En la parte inferior, donde pone Plain Text, cámbialo por Full HTML y entonces veras reproducido tu post original con videos, fotos y demás, integrado en tu sitio web.

      Gracias por esta estupenda pregunta y disculpa la demora en mi respuesta.

      Jesús González

      Eliminar
  5. Me ha funcionado, ¡muchas gracias!

    ResponderEliminar
  6. me ha sido muy util esta entrada, buen trabajo, ahora para que fuera perfecto seria una pasada poder quitar la imagen de feedburner que sale despues de la entrada.... es eso posible?

    ResponderEliminar
  7. ya lo solucione!pero no me permite copiar aqui el codigo por contener un style
    eliminamos la imagen de feedburner
    http://www.digitalgupshup.com/how-to-remove-delete-headlines-by-feedburner-logo-image/

    ResponderEliminar
    Respuestas
    1. Perfecto,
      La magia de usar un poco de CSS. Gracias por el enlace.

      Eliminar
  8. Hola, excelente entrada y me ha funcionado de maravillas! :-)
    En mi caso no quiero que haya enlaces hacia la entrada original ya que publico el 'post' íntegro a modo de novedades. Hay alguna manera de evitarlo?
    Gracias de antemano
    Ern

    ResponderEliminar
  9. Hola, mi pregunta es: ¿es posible integrar varios blogs? Tenemos varios y web del cole.
    Gracias de antemano.
    Manuel Villalba. http://edu.jccm.es/cp.hernancortes/index.php

    ResponderEliminar
    Respuestas
    1. Hola Manuel,
      Claro es posible... está claro por el tutorial que te ofrezco que 1 blog puede alimentar la sección de noticias de un sitio corporativo. Mi pregunta es ¿Quieres fusionar varios blogs en un solo RSS o Feed?

      Tienes varias herramientas que te van a permitir combinar varios feeds (cada uno es un blog) en un solo feed para integrar en la web. Mira este enlace, puede ser util (inglés)

      Un abrazo,
      Jesús

      Eliminar
  10. chronosghost5/4/13 12:39

    Pero no es contraproducente hacer un blog en blogger o en wordpress.com y mandarle allí tus links. No sacas nada para tu pagina pues la subida de ranking en los buscadores se lo ganará blogger.

    Para llenar una sección pues sí, pero te vale más la pena crear un blog en la página para que sea SEO optima.

    ResponderEliminar
    Respuestas
    1. Aquí se trata de integrar las publicaciones de un Blog en un sitio web corporativo. La web corporativa cumple su objetivo, el blog también, la idea es integrar bajo la sección NOTICIAS del sitio corporativo las últimas publicaciones del Blog.

      Te pongo un ejemplo, mira esta página web, verás en la sección de noticias lo último que la empresa ha publicado en su blog.

      Es un buen ejemplo,
      Espero haberme explicado...más que SEO lo que se busca es informar mendiante la web corporativa.

      Un abrazo,
      Jesús

      Eliminar
  11. excelente post, muy interesante..
    saludos.
    http://www.avendanodesign.com

    ResponderEliminar
    Respuestas
    1. Gracias por tu comentario y gracias por compartir tu blog!

      Eliminar

Te agradezco la participación en iniciaBlog a través tu comentario. Recuerda que te responderé con otro comentario justo debajo del tuyo. Gracias y mucha suerte! ;-)

Más información ¿Cómo poner el botón de...:?

Premio Bitácoras

Aviso Legal

Licencia Creative Commons
iniciaBlog - Te ayuda con Blogger a mejorar tu blog
iniciaBlog se encuentra bajo una Licencia Creative Commons Reconocimiento-NoComercial-CompartirIgual 3.0 Unported.
Basada en una obra en www.iniciablog.com.

Creado por Jesús González

Política de Privacidad de iniciaBlog | Política de Cookies
2015 © Jesús González es el autor de iniciaBlog.com
Tema creado por Way2themes y adaptado por inciciablog