Section courante

A propos

Section administrative du site

fb:like

FaceBook : J'aime
FBML JavaScript SDK

Syntaxe

<fb:like paramètres>
...
</fb:like>

Paramètres

Paramètre Description
action=valeur Ce paramètre de balise permet d'indiquer le verbe d'affichage du bouton. Les options sont :
Valeur Description
like Cette valeur permet d'indiquer un «J'aime» classique.
recommend Cette valeur permet d'indiquer un recommandé.
... ...
colorscheme=valeur Ce paramètre de balise permet d'indiquer la couleur du schéma à utiliser dans le bouton. Les options sont : 'light', 'dark'.
font=valeur Ce paramètre de balise permet d'indiquer la police de caractères à utiliser dans le bouton. Les options sont : 'arial', 'lucida grande', 'segoe ui', 'tahoma', 'trebuchet ms', 'verdana'.
href=valeur Ce paramètre de balise permet d'indiquer le lien vers le «J'aime».
layout=valeur Ce paramètre de balise permet d'indiquer la disposition :
Valeur Description
box_count Cette valeur permet d'indiquer qu'il faut afficher le nombre total de fan en dessous du bouton.
button_count Cette valeur permet d'indiquer qu'il faut afficher le nombre total de fan à la droite du bouton.
standard Cette valeur permet d'indiquer qu'il faut afficher le texte sociale à la droite du bouton et les photos de profil en dessous des amis.
ref=valeur Ce paramètre de balise permet d'indiquer une étiquette pour la piste référé.
send=valeur Ce paramètre de balise permet d'indiquer s'il faut inclure un bouton d'envoi avec le bouton «J'aime». Ce paramètre ne fonctionne qu'avec la version XFBML.
show_faces=valeur Ce paramètre de balise permet d'indiquer qu'il faut afficher des photos de profil en dessous du bouton.
width=valeur Ce paramètre de balise permet d'indiquer la largeur du bouton.

Description

Cette balise permet d'ajouter un bouton «J'aime».

Exemple

Voici un exemple montrant comment afficher un bouton Facebook «J'aime» :

  1. <script type="text/javascript" src="http://connect.facebook.net/fr_FR/all.js#xfbml=1"></script>
  2. <script type="text/javascript">
  3.      FB.init({
  4.           status : true, // Vérifier l'état de connexion
  5.           cookie : true, // Active les cookies pour allouer la session d'accès serveur
  6.           xfbml  : true  // Analyse les balises XFBML
  7.      });
  8. </script>
  9. <fb:like layout="button_count" width="120" show_faces="true"  font="arial"></fb:like>

on obtiendra le résultat suivant :

Voir également

Références des SDK - Facebook JavaScript SDK - Références des méthodes FaceBook (FB) - FB.init
Articles - Les réseaux sociaux - Facebook

Dernière mise à jour : Lundi, le 25 mai 2015