Ajouter le bouton de partage Facebook « J’aime / I Like » à votre site


Facebook vient de rendre public et officiel la sortie de la nouvelle fonction de partage de liens sur son site. Désormais un bouton « J’aime » suivi du nombre de partage pourra être affiché en lieu et place du bouton de partage Share. La nouveauté majeure de cette fonction est qu’elle permet d’interagir directement avec Facebook sans devoir configurer titre ou encore image à afficher sur votre profil. En clair dès que vous cliquez sur J’aime, une annotation est directement affichée sur votre profil.

Ajouter le bouton de partage Facebook "J'aime / I Like" à votre site

La documentation et la personnalisation du code : cliquez ici

Le résultat pour cette page ! Est ce que vous avez aimé cet article ?

 

 


S’abonner
Notifier de
guest
30 Commentaires
Inline Feedbacks
View all comments
polluxe

Cela ne marche pas sur la plate forme WordPress.com !
y-a-t-il une autre solution ?

Yoann

Il faut pouvoir accéder aux fichiers qui sont sur le serveur, dès que j’ai une solution pour la plateforme WordPress.com je l’indiquerai ;)

Fbooker

Bonjour,

Comment ajouter ce bouton en français? Je vois qu’il est en français sur votre site mais su la page de la documentation Facebook il n’est disponible qu’en anglais.

Merci d’avance.

Yoann

Le bouton est automatiquement traduit sur votre site, il n’y aura donc pas de problème quand vous l’ajouterez à votre page ;)

PlF

Voici le lien vers le plugin WordPress pour le bouton « j’aime » de Facebook:
http://wordpress.org/extend/plugins/like

toupil

je l’ai intégré sur mon site http://www.toupil.fr en page d’accueil depuis hier. reste à voir les éventuelles répercutions sur le traffic( je suis un peu perplexe …)

TNS

Bonjour !

Merci pour l’article, j’aimerais mettre en place le bouton sur le site, mais je ne trouve pas pour le mettre par défault, et que le liens change selon la page ?

Yoann

Salut,

Quel type de site utilises-tu ? Un cms (WordPress, Joomla, …) ?

TNS

Non justement, un site en PHP/HTML ;) (www.khisland.info)

Yoann

D’accord, je vois que tu as installé un plugin déjà pour facebook non ? (il y a le J’aime en bas des articles) Seulement un soucis dans la récupération de la page en question dans ton code source, ton code n’est pas valide. Il faut récupérer le code fourni par Facebook et modifier la partie qui nous intéresse dans le code, à savoir : iframe src= »http://www.facebook.com/plugins/like.php?href=[cette partie ci]&l[…] Le principe est simple, il faut récupérer le lien qui se trouve dans la barre du navigateur (uri) via une fonction PHP et ajouter celle-ci dans la zone [cette partie ci]. Je… Lire la suite »

TNS

C’est good ! Merci beaucoup de ton aide ;) !!

TNS

Rectification, cela ne marche pas, pourtant j’ai ce code la au final :

<iframe src="http://www.facebook.com/plugins/like.php?href= &layout=standard&show_faces=false&width=400&action=like&colorscheme=light » scrolling= »no » frameborder= »0″ allowTransparency= »true » style= »border:none; overflow:hidden; width:400px; height:px »>

TNS

Arf, je m’excuse du doublon

<iframe src="http://www.facebook.com/plugins/like.php?href= &layout=standard&show_faces=false&width=400&action=like&colorscheme=light » scrolling= »no » frameborder= »0″ allowTransparency= »true » style= »border:none; overflow:hidden; width:400px; height:px »>

TNS

Bon décidément je fait vraiment mon boulet avec mes multiples post :p

Donc cela marche, cependant j’ai l’impression que si je met « j’aime », il s’affiche sur toutes les actualités, alors que j’aimerais que cela soit unique à une page

Marie-Micheline

Merci pour votre aide

papi

bonjour je voudrai ajouter le code du bouton « i like » dans mon site web mais je sais pas en réalité ou je dois mettre le code pour que ça s’affiche en bas de mes articles

Yoann

Salut papi, je crois que ton site fonctionne avec Drupal je me trompes ?

Dans ce cas je peux te renvoyer sur http://bit.ly/9Eg8IZ (support Drupal) car je ne travaille pas avec ce CMS et n’ai aucune idée de la structure des fichiers.
Si ça ne fonctionne pas, je te conseille d’aller dans le thème de ton site et de modifier le fichier qui correspond à tes articles et d’insérer le code facebook.

margot

Bonjour
Je voudrai mettre J’aime sur Un de mes albums photo sur ma page facebook
j’ai récupéré le code ( enfin je pense)
<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fplatform&width=292&connections……………….

Maintenant je désirerais savoir ou et comment je met ce lien pour que j'aime apparaisse sur mon album photo de mes tableaux
Merci
Codialement

Franck

Merci pour l’info très enrichissante : bonne continuation …

david

J’ai bien installé ce bouton sur mon site, mais ça n’ajoute rien sur Facebook ! ça comptabilise juste les personnes qui aiment !

denis

Très bonne info.

Aurel

Très bonne information merci!!

HerbeDeProvence

Pour les utilisateurs de wordpress.com, pour ajouter le bouton j’aime, il suffit d’aller dans le panneau d’administration, Reglages –> Partager, et là il faut activer le service facebook et choisir le type de bouton j’aime ou partage (je ne sais d’ailleurs lequel est le mieux)

Yoann

Merci pour l’astuce à propos de wordpress.com !

Norm Bellemare

J’ai installer le bouton I like sur mon site web en utilisant la fonction XFBML, a un endroit pour qu’il apparaisse pour chacun des profiles des membres.

Lorsque cliquer sur le bouton I like, le résultat apparait sur la pafe profile de Facebook mais n’apparait pas dans la page des nouvelles, ce qui permettrait a tous les amis de voir que quelqu’un a aimer un profile de mon site web.

Y a-t-il une facon de le paramétré pour que le tout soit pleinement fonctionnel? Merci.

ABAL

Bonjour,

Qui aurait une solution pour rendre valide le bouton Facebook en HTML5 ?

Formation Création

Salut,

C’est quelque chose que je rencontre souvent en formation et c’est assez simple.

En fait, il faut copier ce code :

Puis dans le CSS : ajoute

iframe
{
overflow:hidden;
border: 0px solid #ffffff;
}

Simple comme bonjour.

Par contre sur les vieilles versions d’IE il y aura un magnifique cadre.

michel

toute les info ici http://developers.facebook.com/docs/guides/web/
bien a vous Michel.

michel

voici le code foctionne nikel sur mon site

My Great Web page

N’oubliez pas de changer titre et remplacer YOUR_URL par l’adresse complete de votre site

Maroc

Je vais tester ça, merci bien pour cette astuce :)