Facebook vient de rendre public le code permettant d’intégrer le bouton « j’aime » au dessus ou a coté d’un article de n’importe quel site ou blog. Nous vous proposons ici de récupérer le code que vous pourrez directement intégrer dans votre template wordpress.
Concrètement, lorsqu’un de vos visiteurs clique sur le bouton, cela apparait directement dans son profil Facebook s’il est loggué. L’intérêt est donc de faire « buzzer » votre article.
<iframe src= »http://www.facebook.com/plugins/like.php?href=<?php echo urlencode(get_permalink($post->ID)); ?>&layout=standard&show-faces=false&width=450&action=like&colorscheme=light » scrolling= »no » frameborder= »0″ allowTransparency= »true » style= »border:none; overflow:hidden; width:450px; height:120px »></iframe>
Testé sur plusieurs blogs, cela semble fonctionner à merveille, mais il y a tout de même un problème de hauteur de la iframe. Si vous avez une piste pour le résoudre, n’hésitez pas à nous en informer dans les commentaires.
La page facebook consacré aux développeurs permet de personnaliser le bouton J’aime ou I LIKE.
Bonjour,
En ce qui me concerne, je n’arrive pas à l’intégrer à un onglet FBML que ce soit avec le code Iframe ou XFBML. Dommage… J’ai cru lire qu’il fallait créer une appli basique pour le faire. Je n’ai jamais fais… Si quelqu’un à des infos, ce sera le bienvenu.
Utilisez un widget WordPress qui ajoute automatiquement un bouton Facebook Like en haut et/ou en bas des post, sans necessiter the programmation ni de copier/coller:
Facebook Like WordPress Plugin
Utilisez cette page pour vos feedbacks en attendant que WordPress approuve le plugin et l’ajoute a leur plugin directory.
(la page utilise le plugin donc vous pouvez l’essayer avant de l’installer)
La page de configuration permet de choisir la hauteur/largeur/apparence et position du bouton.
Et voici le lien vers le plugin WordPress pour le bouton « j’aime » de Facebook:
http://wordpress.org/extend/plugins/like
Oui, c’est bien tout ça, le souci c’est que ça n’est valable que pour les wordpress auto-hébergés, pour les autres, faut se torturer les méninges pour trouver une astuce…
« il y a tout de même un problème de hauteur de la iframe. Si vous avez une piste pour le résoudre, n’hésitez pas à nous en informer »
Remplacez le code à la fin
height:120pxâ?>
par
height:60pxâ?>
Et c’est également ajustable en largeur en paramétrant « width »…
Je vais tester ça.. merci bien pour cette astuce
Il existe également des modules tout prêt a insérer ! Mais merci pour ce tuto !