Comment intégrer un article Facebook sur votre blog

 Le réseau social Facebook se démarque par la présence de plusieurs outils et fonctionnalités, ainsi, il a une fonctionnalité de "embedded posts" qui vous permet d'intégrer les articles Facebook dans votre blog, ces derniers peuvent inclure des photos, des vidéos ou des mises à jour régulières.

 Si la page Facebook d'une chaîne Télévisée a publié une vidéo intéressante par exemple, vous pouvez la partagez avec vos amis en l'intégrant dans votre site ou blog via une seule ligne de code.

 Donc vous pouvez intégrer n'importe quel contenu partagé sur les pages Facebook ou sur des profils personnels à condition que le propriétaire de ce contenu a fixé auparavant la visibilité en public.

 Facebook a activée cette fonctionnalité " Embede posts" pour certains célèbres éditeurs web comme Mashable, CNN et The Huffington Post, pour voir ce lien intégré à coté de votre contenu Facebook vous devrez attendre un certain temps.

 Pour pouvoir intégrer n'importe quel contenu Facebook via cette fonctionnalité qui n'est pas officiellement disponible pour ce compte Facebook, vous devez le contourner d'une manière facile via ce code d'intégration suivant conçu pour les messages intégrés:

<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/en_US/all.js#xfbml=1";
    fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<div class="fb-post" data-href="YOUR_URL_HERE"></div>

 Ouvrez donc un message Facebook quelconque et copiez l'URL (permalink) de l'article où se trouve le message, pour afficher ce lien, vous pouvez faire un clic droit de votre souris sur la date de l'article. Ensuite remplacez la partie "YOUR_URL_HERE" du code ci dessus par le l'URL que vous avez déjà copié. Enfin collez votre code modifié n'importe où dans votre blog ou site.

Voici un petit exemple que j'ai apporté de la page officielle de CNN ( le lien était https://www.facebook.com/cnninternational/posts/10154819463124641) :



 Si vous souhaitez intégrer un autre post Facebook sur la même page web existante, il vous suffit d'ajouter un nouvel éléments "<fb:post>" et définir la valeur du "href" qui est un lien de votre nouveau post Facebook. Pour vous faciliter la tache, Facebook a dernièrement mis à jour une simple solution, elle officiellement lancé un générateur de code pour ces types de messages intégrés. Voici le lien qui vous explique ceci: developers.facebook.com

 il vous suffit de coller l'URL d'un certain post Facebook choisi par vous même, de cliquer sur le bouton "Obtenir le code" et de choisir la version Html5 pour avoir votre code d'intégration.Vous aurez ensuite deux solution d'intégration: soit par "SDK JavaScript" ou par "IFrame". Vous devez pour la première solution d'intégrer un bout de code " SDK JavaScript" une fois pour toutes après la balise <body> de votre page, puis d'intégrer le code comme déjà vu où vous souhaitez sur la page.

Pour la deuxième solution, il suffit tout simplement de placer le code concerné où vous voulez que le plug-in apparaisse sur votre page.

Publier un commentaire