Início rápido: SDK do Facebook para JavaScript

O SDK do Facebook para JavaScript fornece um conjunto avançado de funcionalidades no lado do cliente que:

  • Permite o uso do botão Curtir e de outros Plugins Sociais em seu site.
  • Permite que você use o Login no Facebook a fim de diminuir a dificuldade de inscrição em seu site.
  • Facilita a chamada da Graph API do Facebook.
  • Inicia diálogos que permitem às pessoas executar várias ações, por exemplo, compartilhar histórias.
  • Facilita a comunicação durante a criação de um jogo ou de uma guia de aplicativo no Facebook.

O SDK, os plugins sociais e os diálogos funcionam em navegadores da Web móveis e para desktop.

Este início rápido mostrará a você como configurar o SDK e fazer com que ele realize algumas chamadas básicas da Graph API. Se você ainda não quiser configurar, use nosso Console de Teste JavaScript para utilizar todos os métodos do SDK, e explore alguns exemplos (você pode ignorar as etapas de configuração, mas o restante deste início rápido pode ser testado no console).

Configuração básica

O SDK do Facebook para JavaScript não tem arquivos autônomos que precisam ser baixados ou instalados. Em vez disso, basta incluir um pequeno trecho de JavaScript comum em seu HTML e ele carregará de forma assíncrona o SDK em suas páginas. O carregamento assíncrono significa que ele não bloqueia o carregamento de outros elementos de sua página.

O seguinte snippet de código fornecerá a versão básica do SDK na qual as opções são definidas de acordo com seus padrões mais comuns. Insira-o diretamente após a marca <body> de abertura em cada página na qual você deseja carregá-lo:

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

Esse código carregará e inicializará o SDK. Você deve substituir o valor em your-app-id pelo número de identificação de seu próprio Aplicativo do Facebook. Encontre esse número de identificação usando o Painel do aplicativo.