12 jun 2014

Cómo insertar una publicación de Facebook en tu web

insertar publicacion facebook
Las publicaciones que realizamos en Facebook a menudo contienen información, no ya de índole personal sino también comercial o promocional que puede interesarnos mostrar en nuestra web o Blog.

No sólo nuestros seguidores sino también cualquier visitante del sitio web, podrá pulsar el "me gusta" correspondiente, comentar la publicación o compartirla en su muro con otros usuarios.

Los post embebidos de Facebook Developers tienen un diseño elegante que encaja con cualquier publicación web y que puede interesarte presentar como un añadido más con tus contenidos.





¿Qué aspecto tiene una publicación de Facebook real en una web?


Aquí te muestro cómo queda la publicación de un post de Facebook real:



¿Cómo inserto un post de Facebook en una web?


1) Ponte sobre la página de tu perfil de Facebook, en la zona donde compartes tus publicaciones o directamente donde ves todas las de tus amigos. Sólo podrás insertar una publicación de Facebook en tu página web o Blog si ésta te pertenece (no podrás hacerlo con publicaciones que no sean tuyas):



2) Ahora sitúate sobre la publicación que deseas insertar en tu web y haz "clic" en el triángulo de la parte superior derecha (el triángulo está marcado con un recuadro rojo):



3) Ahora pulsa en la opción "Insertar publicación", tal como se muestra en la imagen inferior:


4) En la pantalla que se te mostrará a continuación debes copiar el código que aparece en el cuadro donde puedes leer "Copia y pega este código en tu sitio web. "



Ahora pega el código extraído del recuadro y llévatelo al lugar donde desees que aparezca en tu página web.

¿Cómo puedo añadirlo en Blogger?

Si deseas añadirlo a tu Blog tienes diversas formas:

La más sencilla, En un Gadget HTML/JAVASCRIPT

  • Para insetarlo en tu Blog, dentro de Blogger dirígete al menú de la izquierda, a la opción Diseño.


  •  En la página de Diseño pulsa "Añadir gadget" en la zona del Blog donde desees insertar el Hangout y selecciona el Gadget "HTML/Javascript".


  • Añade el código fuente que recuperaste del cuadro de "insertar publicación" de Google+ (el código que obtuviste en el paso 3)

Dentro de una entrada

  • Abre el editor de entradas de Blogger y selecciona el botón HTML, que recuperaste del cuadro de "insertar publicación" de Facebook (el código que obtuviste en el paso 4). Un ejemplo de la edición de HTML en una entrada en el pantallazo inferior. 

  •  Ten en cuenta que en una entrada no verás el post de Facebook hasta que la publiques o actives la vista previa.

¡Eso es todo!, cualquier duda me tienes en los comentarios.


Escrito por Miguel García Sánchez - Colomer

Dispuesto a ayudarte con tu Blog en todo lo posible, Diarios de la nube es mi medio para llegar hasta ti. El conocimiento es universal, es del mundo, es de todos, esta es mi parte y la comparto contigo.

2comentarios:

  1. Esto se puede hacer también en blogs de Wordpress.com, dentro de una entrada.
    Hay que seguir los mismos pasos que tu describes, ir al blog, crear una entrada, elegir la opción "Texto" y no la "Visual", que es la que sale por defecto ("Texto" equivale a HTML en blogger) y pegar ahí el código que hemos copiado de Facebook.

    ResponderEliminar
    Respuestas
    1. Buena aportación María, todo lo que sea copiar scripts de Facebook o guías similares en Diarios de la nube se hace igual en Wordpress pero con los pasos que comentas. Un saludo y muchas gracias por participar.

      Eliminar

 

© 2015 Por: Miguel García Sánchez - Colomer en Diarios de la nube Todos los derechos reservados.