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

O SDK do Facebook para JavaScript fornece um conjunto avançado de funcionalidades para estes fins:

  • Permitir o uso do botão Curtir e outros Plugins Sociais no seu site.
  • Permitir o uso do Login do Facebook para facilitar o cadastro das pessoas no seu site.
  • Facilitar as chamadas para a Graph API do Facebook.
  • Iniciar diálogos para permitir que as pessoas executem diversas ações (como o compartilhamento de stories).
  • Facilitar a comunicação quando você estiver criando um jogo ou uma aba de app no Facebook.

Neste guia de início rápido, você aprenderá a configurar o SDK e a utilizá-lo para fazer chamadas básicas à Graph API. Se você não quiser configurar ainda, use os métodos do SDK e explore exemplos no Console de Teste do JavaScript. Para isso, pule as etapas de configuração e teste as outras etapas no console.

Navegadores compatíveis

O SDK do Facebook para JavaScript é compatível com as duas versões mais recentes dos navegadores mais populares: Chrome, Firefox, Edge, Safari (incluindo iOS) e Internet Explorer (apenas a versão 11).

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 no HTML e ele carregará de forma assíncrona o SDK nas suas páginas. O carregamento assíncrono não bloqueia o carregamento de outros elementos da sua página.

O trecho de código a seguir fornece a versão básica do SDK, na qual as opções são definidas de acordo com os padrões mais comuns. Ele deve ser inserido logo depois da marcação <body> de abertura nas páginas em que você quer carregá-lo:

<script>
  window.fbAsyncInit = function() {
    FB.init({
      appId            : 'your-app-id',
      xfbml            : true,
      version          : 'v21.0'
    });
  };
</script>
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js"></script>

O código carregará e inicializará o SDK. É necessário substituir o valor em your-app-id pelo ID do seu app do Facebook. Esse ID pode ser encontrado no Painel de Apps.