Vamos a ver de una manera fácil cómo insertar publicaciones de Facebook en una página web, solo podremos insertar la publicaciones que están marcadas como públicas.
Por ejemplo (imagen superior) las que más se usan son las de páginas de fans, ya que las publicaciones son públicas.
Antes de ponernos manos a la obra os recomiendo estos 2 post:
Para obtener el código de insertar (embed) tenemos que ir a la publicación pública del perfil o página de Facebook, una vez ahí nos posicionamos sobre la flechita superior derecha y elegimos insertar publicación.
<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/video.php?v=10152798653606760" data-width="466"><div class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/video.php?v=10152798653606760">una publicación</a> de <a href="https://www.facebook.com/arnold">Arnold Schwarzenegger</a>.</div></div>
La publicación se adapta al ancho de la página dependiendo el navegador y dispositivo siempre y cuando el ancho sea inferior al establecido por defecto. Digamos que es responsive.