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

crazysebas Seguir

Eta
Social Media
Verificación en dos pasos activada
Verificado por Whatsapp
Desde
8 Nov 2012
Mensajes
1.405
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):
s1S6fa5.png



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:

Juanma Carrillo

1
Pi
Social Media
Verificado
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Suscripción a IA
Desde
3 Sep 2011
Mensajes
6.162
Gracias por compartirlo con nosotros, está genial :)
 

felipe53

Delta
SEO
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
27 Dic 2013
Mensajes
597
Me parece muy interesante/util, por compartirlo n.n saludos
 

crazysebas

Eta
Social Media
Verificación en dos pasos activada
Verificado por Whatsapp
Desde
8 Nov 2012
Mensajes
1.405

GabrielShiroma

Delta
Programador
Verificación en dos pasos activada
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
30 Jun 2009
Mensajes
526
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.
 

GaboTs

Épsilon
Social Media
Desde
30 Nov 2013
Mensajes
929
Por favor, ten en cuenta 📝 que si deseas hacer un trato 🤝 con este usuario, está baneado 🔒.
no es más facil hacer esto? ---> Screenshot by Lightshot :distant: :distant:

"click en mas" e insertar publicacion xDDDDD
 

puzzle777

Épsilon
Social Media
Desde
5 Ago 2011
Mensajes
893
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 :D +1

Saludos.
 

tonydalys

1
Pi
Marketing
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Suscripción a IA
Desde
7 Nov 2011
Mensajes
6.477
gracias, por lo que entendi no debes insertar de manera manual las actualizaciones?
 

crazysebas

Eta
Social Media
Verificación en dos pasos activada
Verificado por Whatsapp
Desde
8 Nov 2012
Mensajes
1.405
Arriba