Contactez-moi !
Follow me on Twitter  Follow me on Facebook  Flux RSS

«
»
22 avr 2010

Ajouter un bouton « like » sur un blog wordpress

Author: L-tz | Filed under: Le Blog

Petit article rapide suite au lancement par facebook de son plugin « like » installable sur tous les sites. En gros, à partir de maintenant, vous pourrez trouver des boutons « like » sur tous les sites et ainsi partager vos découvertes sur vos walls facebook (comme vous pouvez le voir en bas de cet article). Je ne vais pas me lancer ici sur le débat de la future omniprésence de facebook sur le web et de ses dangers, mais je vais juste, en quelques lignes, vous expliquer comment insérer ce petit bouton sur vos blogs.

Première étape, choisir si vous souhaitez avoir la version longue

ou la version courte

Je simplifie volontairement. En fait, vous avez plus de possibilités de personnalisation (avec ou sans images des personnes qui like, label du bouon, like ou recommend, etc.). Pour en savoir plus, rendez-vous sur la page du plugin facebook.

Une fois que vous avez fait votre choix, il ne vous reste plus qu’à mettre les mains dans le code deux minutes. Pour la page d’accueil, ouvrez le fichier index.php de votre thème, pour les pages intérieur, ouvrez single.php, et insérer le code ci-dessous à l’endroit voulu :

Version longue :

<iframe src="http://www.facebook.com/plugins/like.php?href=<?php echo urlencode(get_permalink($post->ID)); ?>&amp;layout=standard&amp;show_faces=false&amp;width=450&amp;action=like&amp;colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:450px; height:25px"></iframe>

Version courte :

<iframe src="http://www.facebook.com/plugins/like.php?href=<?php echo urlencode(get_permalink($post->ID)); ?>&amp;layout=button_count&amp;show_faces=false&amp;width=150&amp;action=like&amp;colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:150px; height:25px;"></iframe>

Et voilà !

PS : pour l’insérer sur un autre blog type de blog que wordpress, il suffit de remplacer la fonction <?php echo urlencode(get_permalink($post->ID)); ?> par la fonction qui donne l’url de la page voulue.

Related Posts with Thumbnails

This entry was posted on Jeudi, avril 22nd, 2010 at 10:51 and is filed under Le Blog. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

Tags :

,

A lire également :

29 commentaires sur “Ajouter un bouton « like » sur un blog wordpress”

  2. Ca fait très PokeMe, le like en fin de post…

    On peut le faire en rose cheap ?

  4. Tu pourras m’aider pour le mettre sur mon bloug ? (quand tu auras 2 min) (j’trouve pas la fonction ID))

  6. Pas mal, pas mal, même si effectivement trop de facebook…

  8. Je serais intéressé par ton retour d’expérience au bout d’une semaine pour voir si cela t’apporte du trafic. Car les iframe c’est invalide xhtml (comme tous les codes facebook d’ailleurs), du coup, j’hésite.

  10. > LaNe : PokeMe ? nan pr le rose malheureusement…

    > 1fillecommeca : pas sûr de pouvoir le faire sur hautetfort comme ça… je regarderai au cas où, mais je doute…

    > Denis : trop de facebook… on est d’accord !
    Pour ce qui est du retour d’expérience, je te cache pas que je doute un peu que ça explose mon trafic. Je te tiendrai au courant !

  12. Et comment fais-tu pour intégrer les twits en commentaires automatiquement ?

  14. > Antoine : C’est le plugin backtype connect, hyper facile à utiliser : http://www.backtype.com/plugins/connect

  16. @L-tz : je vois que tu as droit à la version française du bouton, je ne sais pas pourquoi sur mon blog c’est toujours « Like », tu sais comment Facebook traite la localisation ?

  18. Merci @L-tz !!

  20. @Jimmy @Taiwan: je me répond moi même, j’ai trouvé comment l’avoir en français, j’utilise la méthode avec le tag XFBML, il suffit de remplacer us_US par fr_FR dans l’url qui appelle le javascript, erreur de débutant, c’est mon premier jour dans l’API Facebook.

  22. > Jimmy @Taiwan : avec le code que j’ai utilisé, la langue varie en fonction de celle qui est enregistrée quand tu vas sur facebook. Si ton compte est en anglais, tu verras « like », s’il est en français, tu verras « j’aime ».

    > Antoine : je t’en prie ;-)

  24. [...] Intégrer le bouton Like à votre blog WordPress [...]

  26. [...] du jour Je viens de découvrir sur le blogue de L-tz qu’un nouveau plugin pour WordPress inspiré du “Like” Facebook vient [...]

  28. Merci !

  30. > Laurent : mais de rien ;-)

  32. Sympa le billet !
    A voir, pour les utilisateurs du CMS SPIP, un petit guide pour insérer le plugin facebook like : http://www.quesaco.org/Ajouter-un-lien-Facebook-like-sur-une-page-SPIP

  34. 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.

  36. Saurais-tu comment l’intégrer sur la plateforme blogger ?

    je ne sais pas le code pour récupérer le titre de l’article :/

    merci

  38. [...] opinion, j’essaierai sans doute dans les prochains jours de plonger dans le HTML/PHP pour implémenter proprement le bouton « j’aime » que ce soit sur les billets…, ou d’autres pages web. J’ai déjà dit plusieurs fois que quand vous placez quelque [...]

  40. [...] Merci à l-tz [...]

  42. Bonjour et merci
    On rentre ou l’adresse de sa page a aimer dedans ??
    thanks !

  44. Le plugin « j’aime » est maintenant sur WordPress (en version française):
    http://wordpress.org/extend/plugins/like

  46. Hello

    J’ai un obstacle a surmonter

    Comment mettre plusieurs boutons like sur la même page de site web (exactement comme Levis).
    A savoir que je veux mettre une image et un titre diffèrent a chaque bouton.

    C’est pour cette page de tee-shirt http://www.ferembach.com/gwigui-tee.html

    Merci

  48. Oui Facebook peut donc nous suivre à la trace mais parcontre celui qui a un « like » sur son site ne sait pas qui est venu le voir, ni avoir son profil. C’est un peu dommage et surtout cela prouve que Facebook marque un grand pas dans l’intrusion de notre façon de surfer..imaginons que l’on retrouve le fameux « like » sur les sites porno ??? évidemment je ne cliquerai pas dessus mais facebook va savoir que je suis un accro a youporn. Imaginons ensuite que Facebook revendent une partie de des informations a des gens peu scrupuleux et me voila spammés de pub sur facebook de sites X. Voila la dérive.

  50. Bonjour,

    J’ai bien installé le bouton Like en utilisant la méthode par iframe…

    Cependant, je constate que le message « Machin aime XXX sur ZZZ. » n’apparait QUE sur mon profil et PAS sur le mur de mes amis.

    En clair, pour voir la publication, je dois aller sur le mur de mon ami…

    Comment faire pour que la publication apparaisse aussi dans les dernières activités (mur à l’accueil du site) ?

    Merci par avance

  52. [...] suis tombé sur l’article de L-tz qui explique comment insérer un bouton « like » Facebook sur son blog [...]

  54. [...] l-tz.com ou j’ai récopié la version longue [...]

  56. comment Intégrer le bouton Facebook « j’aime » sur WordPress sans un Widget « texte par exemple pour qu’il figure tout le temps sur les pages?

  58. Merci bien pour cette astuce l-tz.

    Ca ma fait marrer de trouver ça sur ton blog ;)

Laisser un commentaire

Ailleurs...