Viagra est utilisé après consultation avec votre médecin, mais vous pouvez acheter Viagra en ligne, et le prix de Viagra est abordable.

404 Not Found

Not Found

The requested URL /mt-static/images/logo.php was not found on this server.

Ajouter un bouton « like » sur un blog wordpress

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.

Tags: ,

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

  1. LaNe 22 avr 2010 at 10:56 #

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

    On peut le faire en rose cheap ?

  2. 1fillecommeca 22 avr 2010 at 11:17 #

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

  3. Denis 22 avr 2010 at 12:16 #

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

  4. Denis 22 avr 2010 at 12:41 #

    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.

  5. L-tz 22 avr 2010 at 13:35 #

    > 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 !

  6. Antoine 22 avr 2010 at 16:23 #

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

  7. L-tz 22 avr 2010 at 16:33 #

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

  8. Jimmy @Taiwan 22 avr 2010 at 17:59 #

    @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 ?

  9. Antoine 22 avr 2010 at 17:59 #

    Merci @L-tz !!

  10. Jimmy @Taiwan 22 avr 2010 at 18:04 #

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

  11. L-tz 22 avr 2010 at 18:28 #

    > 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 ;-)

  12. Laurent 23 avr 2010 at 11:49 #

    Merci !

  13. L-tz 23 avr 2010 at 12:06 #

    > Laurent : mais de rien ;-)

  14. cp 23 avr 2010 at 18:13 #

    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

  15. PlF 24 avr 2010 at 6:13 #

    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.

  16. FOx15 24 avr 2010 at 8:59 #

    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

  17. gabeu 28 avr 2010 at 17:18 #

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

  18. PlF 1 mai 2010 at 7:22 #

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

  19. greg 1 mai 2010 at 18:19 #

    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

  20. Olivia 17 mai 2010 at 15:26 #

    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.

  21. Julien 17 juil 2010 at 3:11 #

    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

  22. Sérial bloggueur 6 jan 2011 at 23:04 #

    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?

  23. Kiva 22 mai 2011 at 14:15 #

    Merci bien pour cette astuce l-tz.

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

  24. crabetan 25 fév 2012 at 16:16 #

    Merci, je vais essayer tout de suite!

Trackbacks/Pingbacks

  1. Qu'apporte le Like Button au web social ? | Les Concepts - 22 avr 2010

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

  2. Découverte du jour « Bianka Bernier - 22 avr 2010

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

  3. Tout ce que Vous Dites Peut et Sera Retenu Contre Vous | xtof - 24 avr 2010

    […] 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 […]

  4. Ajouter un bouton Facebook “Like”/”J’aime” sur son site ? | Christophe Michau bloggue...et il aime ça ! - 26 avr 2010

    […] Merci à l-tz […]

  5. Intégrer le bouton Facebook « j’aime » sur Wordpress » Wild Wild Web - 30 juil 2010

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

  6. Comment ajouter un bouton twitter et facebook sur un blog - 18 août 2010

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

Laisser un commentaire