Archives par mot-clé : opengraph

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 😉