Archives mensuelles : avril 2010

La Presse.be & De Pers.be

La Presse Bricolés sur des domaines que je n’avais pas véritablement exploités vu le sort réservé à Google News en Belgique, LaPresse.be & DePers.be proposent une vue agrégée et personnalisée des articles émanant des sites des journaux les plus partagés sur facebook par votre réseau d’ami.

Inspiré du site LikeButton.Me centré sur les sources US, je vais utiliser le concept pour faire le tour des Social plugins mis à disposition par Facebook.

De PersUn premier jet de ce que pourrait être des sites de recommandation et ou d’analyse des centres d’intérêt de son réseau social.

Le projet est à suivre et ouvert à toute idée, recommandation.

Merci à Kim pour ses traductions.

Open Graph, Like et WordPress

Facebook connect est amené à disparaître, le nom pas les fonctionnalités qui seront reprises par Open Graph.

Des plugins permettant une intégration en deux clics seront sûrement dispo sous peu, mais si vous ne voulez pas attendre et intégrer le « Like » sur votre blog WordPress je vous propose de suivre la procédure que j’ai appliquée pour y arriver.

J’ai lu les 3 pages de documentation suivantes

J’ai donc modifié dans mon template header.php pour définir les namespaces og & fb et y déclarer des variables

<html xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://opengraphprotocol.org/schema/"
      xmlns:fb="http://developers.facebook.com/schema/" xml:lang="fr" lang="fr" dir="ltr">

<meta property="og:title" content="< ?php wp_title('»',true,'right'); ?>" />
<meta property="og:image" content="http://www.balencourt.com/favicon.gif" />
<meta property="og:type" content="blog" />
<meta property="og:site_name" content="<?php bloginfo('name'); ?>" />
<meta property="og:description" content="<?php bloginfo('description'); ?>" />
<meta property="fb:admins" content="501610755" />

Veillez à avoir une image de taille raisonnable (50x50px) pour og:image qui est l’illu employée lors d’une publication d’un lien sur le mur d’un visiteur.

J’ai intégré dans footer.php de mon template l’appel au SDK Javascript (copié/collé du code) et j’ai utilisé l’ID de l’application liée à mon blog (héritage de Connect) en modifiant seulement cette ligne :

FB.init({appId: ‘your app id’, status: true, cookie: true, xfbml: true});

J’ai intégré dans le Loop index.php (sous chaque post) et single.php (entre les posts et les commentaires) le code suivant :

<div class="like>
       <fb :like href="< ?php the_permalink() ?>" layout="standard" show_faces="true" width="715" action="like" colorscheme="light" />
</div>

Et le résultat c’est un bouton Like en dessous de chaque note et la possibilité de poster un commentaire en lien de la note sur votre Wall.

Si vous aimez, il suffit de cliquer 😉