Avvio rapido: SDK di Facebook per JavaScript

L'SDK di Facebook per JavaScript fornisce una vasta gamma di funzionalità lato client che:

  • ti permettono di usare il pulsante "Mi piace" e altri plug-in social sul tuo sito;
  • ti permettono di usare Facebook Login per facilitare l'iscrizione al tuo sito;
  • facilitano le chiamate nell'API Graph di Facebook;
  • avviano finestre di dialogo che consentono agli utenti di eseguire diverse azioni, come condividere notizie;
  • facilitano la comunicazione quando crei un gioco o la tab di un'app su Facebook.

L'SDK, i plug-in social e le finestre di dialogo funzionano sui browser Web per computer e mobile.

In questa guida di avvio rapido verrà mostrato come configurare l'SDK e fare in modo che effettui alcune chiamate API Graph di base. Se non desideri effettuare subito la configurazione, puoi usare la nostra JavaScript Test Console che fornisce tutti i metodi SDK e alcuni esempi (puoi saltare i passaggi di configurazione, ma il resto di questa guida di avvio rapido può essere testato nella console).

Configurazione di base

L'SDK di Facebook per JavaScript non dispone di file autonomi che devono essere scaricati o installati: devi semplicemente includere una breve porzione di normale codice JavaScript nel tuo HTML che caricherà l'SDK nelle tue pagine in modo asincrono. Il caricamento asincrono fa in modo che il caricamento di altri elementi della tua pagina non venga bloccato.

Lo snippet di codice seguente fornisce la versione di base dell'SDK dove vengono usate le impostazioni predefinite più comuni per le opzioni. Devi inserirlo subito dopo il tag <body> di apertura su ciascuna pagina in cui desideri che venga caricato:

<script>
  window.fbAsyncInit = function() {
    FB.init({
      appId            : 'your-app-id',
      autoLogAppEvents : true,
      xfbml            : true,
      version          : 'v2.10'
    });
    FB.AppEvents.logPageView();
  };

  (function(d, s, id){
     var js, fjs = d.getElementsByTagName(s)[0];
     if (d.getElementById(id)) {return;}
     js = d.createElement(s); js.id = id;
     js.src = "//connect.facebook.net/en_US/sdk.js";
     fjs.parentNode.insertBefore(js, fjs);
   }(document, 'script', 'facebook-jssdk'));
</script>
    

Questo codice carica e inizializza l'SDK. Devi sostituire il valore di your-app-id con l'ID della tua app Facebook. Puoi individuare questo ID tramite la Dashboard gestione app.