Facebook : Intégration d'un post public dans un article [Embedded Posts]

Gadget VersionLayouts Version
1
1
2
Attention ! Les catégories Fonctionnalités et Développements vont bientôt faire l'objet d'une révision.

Nous vous rappelons que lorsque vous accédez à ce blog, vous signez automatiquement un accord avec Blogger Code.
Consultez les CGU.


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...

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/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.


Les autres plugins Facebook

Fiches populaires cette semaine