Lisez notre guide de démarrage rapide pour apprendre à charger et initialiser le SDK Facebook pour JavaScript. Même si ce guide de démarrage rapide utilise, pour les options disponibles, des valeurs par défaut courantes pour initialiser le SDK, vous pouvez en personnaliser certaines.
Navigateurs supportés
Le SDK Facebook pour Javascript supporte les deux dernières versions des navigateurs les plus répandus : Chrome, Firefox, Edge, Safari (dont iOS), et Internet Explorer (version 11 seulement).
Dans l’extrait de configuration de base, la version en_US
du SDK est initialisée. Cela signifie que tous les boutons et plugins générés par Facebook et utilisés sur votre site seront en anglais américain. (Toutefois, les boîtes de dialogue générées par Facebook comme la boîte de dialogue Login seront dans la langue que la personne a choisi dans Facebook, même si celle-ci diffère de celle que vous avez sélectionnée.) Pour modifier cette langue, changez la valeur de src
dans l’extrait. Consultez la page réservée à la localisation pour voir les différentes langues qu’il est possible d’utiliser. Par exemple, si votre site est en espagnol et que vous chargez le SDK avec le code ci-dessous, tous les plugins sociaux s’afficheront en espagnol.
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/es_LA/sdk.js"></script>
Si vous définissez status
sur true
dans l’appel FB.init()
, le SDK tentera d’obtenir des informations sur l’utilisateur ou l’utilisatrice actuel·elle, immédiatement après l’initialisation. En procédant ainsi, il est possible de passer moins de temps à vérifier l’état d’une personne connectée si vous utilisez Facebook Login. Par contre, cela se révèle inutile pour les Pages qui ne contiennent que des plugins sociaux.
Vous pouvez utiliser FB.getLoginStatus
pour obtenir l’état de connexion d’une personne. Apprenez-en davantage sur l’utilisation de Facebook Login avec le SDK JavaScript.
En définissant xfbml
sur true
, le SDK analysera l’attribut DOM de votre Page pour rechercher et initialiser tous les plugins sociaux qui ont été ajoutés avec XFBML. Si vous n’utilisez pas de plugins sociaux sur la Page, définissez xfbml
sur false
pour en améliorer les temps de chargement. Pour en savoir plus à ce sujet, attardez-vous sur les plugins sociaux.
La fonction affectée à window.fbAsyncInit
s’exécute dès que le chargement du SDK se termine. Tout code que vous voulez exécuter après le chargement du SDK doit être placé dans cette fonction et après l’appel de FB.init
. Le code JavaScript utilisé ici importe peu. Cependant, toutes les fonctions du SDK doivent être appelées après FB.init
.
Pour améliorer les performances, le SDK JavaScript est chargé dans un format réduit. Vous pouvez également charger une version débuguée du SDK JavaScript qui intègre plus de consignation et une vérification plus poussée des arguments, le tout dans un format non réduit. Pour cela, modifiez la valeur src
dans votre code de chargement et utilisez la valeur suivante :
src="https://connect.facebook.net/en_US/sdk/debug.js"
Nous recommandons de ne pas utiliser la version de débogage dans votre environnement de production. En effet, sa charge utile est plus importante, ce qui pourrait nuire aux performances de votre Page.
Le document de référence pour la fonction FB.init
fournit une liste complète des options d’initialisation disponibles.