Cómo insertar una publicación de Facebook en tiempo real en tu página web

  • Autor Autor crazysebas
  • Fecha de inicio Fecha de inicio

crazysebas

Eta
Social Media
Verificación en dos pasos activada
Verificado por Whatsapp
Hola betas, denuevo por aca.
Hoy les enseñaré como insertar una publicación de facebook en tiempo real (interacción , es decir likes y comentarios).
Bueno, utilizaremos un código muy simple, primero les mostraré el resultado final y luego les explicaré cada parte del código. Aclaro: Esto no es nada del otro mundo, así que espero no recibir comentarios de arenosos.
Código utilizado

HTML:
<div id="fb-root"></div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/es_ES/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-post" data-href="https://www.facebook.com/photo.php?fbid=640501372696522&amp;set=a.116787531734578.23045.100002099955872&amp;type=1" data-width="466"><div class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/photo.php?fbid=640501372696522&amp;set=a.116787531734578.23045.100002099955872&amp;type=1">una publicación</a> de <a href="https://www.facebook.com/XXSebas.OspinaXX">Sebastian Ospina</a>.</div></div>

Resultado (vista previa):



Ahora les explicaré el código, recuerden solo modifiquen LAS MAYÚSCULAS
HTML:
<div id="fb-root"></div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/es_ES/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-post" data-href="LINK DE LA PUBLICACION" data-width="466"><div class="fb-xfbml-parse-ignore"><a href="LINK DE LA PUBLICACION">una publicación</a> de <a href="LINK DEL PERFIL">NOMBRE DEL PERFIL, AUNQUE PODEMOS MODIFICARLO</a>.</div></div>

Nota: El codigo final debemos pegarlo en la seccion de nuestra pagina web/blog en que queramos insertar la publicación.

Muchas gracias a todos, espero haberles ayudado. :encouragement::encouragement:
 
Última edición:
Muy útil....:encouragement:
 
Gracias por compartirlo con nosotros, está genial 🙂
 
Me parece muy interesante/util, por compartirlo n.n saludos
 
Hola, una pregunta:

¿Cuál es la diferencia de obtener el link desde el código que te da el mismo Facebook en "Insertar publicación"? (Es más, de esa forma te da el código directamente y no tenés que modificar nada).

Saludos.
 
GRacias por la info. :encouragement:
 
EXCELENTE!! me gusta 🙂
Aunque casi me corría de la emoción, pensé que era "publicar en facebook y que se autopublicara en WordPress"..
He estado buscando hacer esto desde hace días y nada 🙁

De cualquier forma está MUY BUENO el aporte 😀 +1

Saludos.
 
gracias, por lo que entendi no debes insertar de manera manual las actualizaciones?
 
:not bad: 😛7: