Como inserir uma publicação do Facebook em tempo real na sua página web

  • Autor Autor crazysebas
  • Data de início Data de início
Tradução em andamento: em alguns minutos este tópico estará em português. Por enquanto, o conteúdo está no original em espanhol. Ver original
crazysebas

crazysebas

Eta
Social Media
Verificación en dos pasos activada
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 edição:
Foi útil? Participe da conversa

Com sua conta grátis você pode responder, mandar mensagem privada ao autor e comprar com Saldo retido: o pagamento é liberado quando você recebe o combinado.

Leva 30 segundos · você volta a este tópico ao terminar
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:
 
Voltar
Topo