Overblog
Suivre ce blog
Editer l'article Administration Créer mon blog
Overblog France

Intégrer des Posts Facebook sur votre blog OverBlog

Cet article est reposté depuis Dreaminvasion.

Je profite de l'article "Hack Facebook : intégrez des statuts dans vos pages dès maintenant" de Press Citron qui nous explique qu'il est possible d'intégrer le statut d'une page Facebook sur son blog pour vous expliquer comment en faire de même avec OverBlog.

Petite précision, ici nous allons intégrer des posts Facebook d'une page publique que vous n'administrez pas. Le but est d'illustrer vos articles avec des faits présents sur Facebook, comme le font les journalistes dans leurs articles avec les Tweets. Pour la récupération des vos statuts Facebook le Hub d'OverBlog est fait pour ça.

Vous allez voir c'est très simple !

Intégrer le statut d'une page Facebook sur son OverBlog

Exemple

Pré-requis

Premièrement il faut trouver un statut ou post Facebook d'une page publique. J'insiste sur le fait que la page et le post soient publics, si la page ou post sont privés ou limités à vos amis, Facebook ne vous autorisera pas à l'afficher sur votre blog.

Récupérer l'url d'un post Facebook

Le plus compliqué est de trouver l'url d'un post Facebook. La solution qui me semble la plus simple reste de copier coller le lien qui est sur la date d'un post.

Récupérez l'url d'un post Facebook directement depuis le lien sur la date de publication du post.

Récupérez l'url d'un post Facebook directement depuis le lien sur la date de publication du post.

Dans mon exemple je viens de récupérer l'url :

https://www.facebook.com/photo.php?fbid=10151598418238644&set=a.174033718643.125685.8653448643&type=1

Intégrer le post Facebook sur votre Blog

Dans OverBlog l'intégration est simplissime, lorsque vous rédigez votre article utilisez une section "HTML" et collez le code HTML ci dessous en remplaçant %url% par l'url que nous venons de copier.

<fb:post href="%url%></fb:post>

Soit dans mon cas le code HTML suivant :

<fb:post href="https://www.facebook.com/photo.php?fbid=10151598418238644&set=a.174033718643.125685.8653448643&type=1"></fb:post>

Une image pour illustrer :

Ouvrez une section HTML et collez le code embed du post Facebook

Ouvrez une section HTML et collez le code embed du post Facebook

Le résultat

Vous obtiendrez sur votre blog le résultat suivant :

Intégrer des Posts Facebook sur votre blog OverBlog

Vous permettrez à vos visiteurs de "Liker", partager et même commenter.

Partager cet article

Commenter cet article