Facebook : Post embarqué / Embedded Post

Facebook : Embedded Posts

Le code d'intégration d'une publication Facebook dans un article, code validé HTML5.
Avec ou sans le script intégré,
Choix de l'identifiant de l'application, réglage de la largeur, version HTML ou gadget AddToBlogger,
Le module emploie automatiquement la langue du blog.
Avec ou sans restriction d'affichage, intégration de CSS personnalisés, etc...


En obtenant et en utilisant des plugins Facebook, vous acceptez les conditions d'utilisation de Facebook.

Présentation des posts intégrés

Les posts partagés publiquement sur Facebook peuvent être intégrés dans les articles. Du simple petit message, en passant par les photos, vidéos, allant jusqu'aux commentaires déposés via le module de commentaires Facebook...




Configuration du module

Réglages du post
Versions
Adresse Post FB ?
Largeur 500px
Script
Intégrer le script ?
Langue
ID application [NON-REQUIS] ?
Mise en forme ?

Le code du module
<!-- Embedded Posts Facebook - Blogger Config.
     Ref.: http://goo.gl/R0ov83 -->

<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/fr_FR/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<div class="fb-post"
     data-href="https://www.facebook.com/Blogger.Code.PE/posts/600618066627269"
     data-width="500" >
</div>
Où recopier le code d'intégration ?
Sous cette configuration, le code d'intégration du post peut être ajouté aussi bien dans le code HTML d'un article, d'une page autonome ou dans un gadget HTML/JS.


Spotlight

Populaires cette semaine