Diarios de la nube Idea guardada 0 veces
Sé la primera persona en valorar esta idea Valorar

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.
Fuente: este post proviene de Diarios de la nube, donde puedes consultar el contenido original.
¿Vulnera este post tus derechos? Pincha aquí.
¿Qué te ha parecido esta idea?

Esta idea proviene de:

Y estas son sus últimas ideas publicadas:

SEO con imágenes

Las imágenes que utilizas en tu Blog, en tu web, no son sólo un reclamo o un añadido decorativo para tus contenido. Pueden servir a los buscadores web para comprender mejor la información que proporci ...

Etiquetas: generalsocial

Recomendamos

Relacionado

general social

Cómo insertar una publicación de Google+ en tu web

Una publicación e Google+ no es simplemente un mensaje que se comparte en una red social para que lo lean nuestros seguidores. Muchos creadores de contenidos web han descubierto la ventaja en materia de posicionamiento que supone utilizar esta red social. Al encontrarse plenamente integrada con el buscador, ambos forman una sinergia de la que ninguna otra red social del mundo dispone. Los "po ...

Blogger Facebook gadgets ...

Cómo añadir en un gadget tu facebook en blogger

Promocionar nuestros blogs para atraer a la gente y tener más visitas es algo muy importante si queremos que seamos vistos en internet. Y conectar nuestras redes sociales en él, es primordial para conseguirlo. Hoy os voy a explicar cómo poner en nuestro blog nuestra página de facebook. Nos vamos a la página Facebook developers Nos saldrá un plugin de páginas que nos permite insertar y promocionar ...

artículos iframes

Una web dentro de otra (iframe) en joomla con jce

En algunas ocasiones nos puede interesar colocar en un artículo de nuestra web directamente una ventana con otra web en lugar de un enlace, es lo que se denomina una iframe. Aunque en joomla en principio parece difícil, la verdad es que hay un método muy sencillo de colocar una web dentro de otra como veis en la imagen. Aquí, en este artículo sobre Bellezas Funerarias en Antequera de mi web www.p ...

informática

Como insertar el codigo de adsense en blogger

Hola a tod@s!! En esta ocasión les voy a mostrar donde buscar el código de los anuncios en adsense y como insertarlo en nuestro blog en blogger, haz click sobre la imagen para verla mejor. 1º Lo primero es ir a nuestra cuenta de adsense e iniciar sesión, una vez ahí clicaremos en "Mis anuncios" 2º Probablemente no tenga ningun anuncio aún, entonces clicamos en "Nuevo bloque de anun ...

general propuestas

Cómo utilizar Google Hangout en tu Blog

Prográmalo en un calendario, mételo en tu Blog, difunde tus contenidos de una nueva forma. Las posibilidades son infinitas: Comunicación en directo con tus usuarios, presentaciones en directo con difusión mundial en tiempo real, a través de Google+ y Youtube. Descubre la potencia que hay detrás de esta "herramienta" de Google creada para difundir más allá de tu Blog tus contenidos. Con m ...

Redes sociales Tips Apariencia ...

Como poner un gadget de tu página de Facebook en tu blog

Como poner un gadget de tu página de Facebook en tu blog La caja con tu página de Facebook para seguir es imprescindible para tu blog, este widget anima a la gente que visita tu blog a unirse a tu fanpage y se instala en un tris. Este tutorial sirve para Blogger, blogsport, wordpress, html… vamos que puedes insertarla en casi cualquier parte que permita la inserción de HTML …hasta en l ...

general propuestas

Inserta las recomendaciones para móviles de Google+ en tu web o Blog

Las recomendaciones para móviles son una funcionalidad que Google pone a disposición de los usuarios de páginas Google+ para presentar a los usuarios que se conecten a nuestra web con un móvil nuestras entradas más populares. Veamos paso a paso cómo insertar las recomendaciones para móviles en nuestro web o Blog. ¿Qué son y qué aspecto tienen las recomendaciones para móviles? Podrás observar en ...

Mejorar el blog

Como agregar un Tablero de Pinterest en una Publicación de Blogger

Hoy les explicaré como compartir un Tablero de Pinterest en publicaciones de Blogger, algo muy útil cuando se trata de compartir o mostrar ideas e inspiración Previamente debemos contar con una cuenta en Pinterest y haber iniciado sesión, vamos: 1. Creamos un Tablero en Pinterest y copiamos su link 2. Abrimos la liga Developers Pinterest y damos clic en Tools / Herramientas 3. Seleccionamos Ta ...

rendimiento

Mejora el rendimiento de tu web optimizando sus hojas de estilo css

Optimizar las hojas de estilo mejora considerablemente el rendimiento del dibujado de una página web. Las hojas de estilo de tu sitio web o blog son las encargadas de darle presentación a los componentes que sirven para formar tu página web. El cuidado y optimización de las mismas suele ser pasado por alto con frecuencia, normalmente nos basta con que "funcione la presentación" pero no n ...