Начало работы Facebook SDK для JavaScript

Facebook SDK для JavaScript предлагает целый ряд полезных функций на стороне клиента. Благодаря им вы сможете:

SDK, социальные плагины и диалоги поддерживаются браузерами как на ПК, так и на мобильных устройствах.

В этом руководстве вы узнаете, как настроить SDK и совершать базовые вызовы API Graph. Если вы пока не хотите выполнять настройку, воспользуйтесь нашей Тестовой консолью JavaScript, чтобы опробовать все методы SDK и изучить примеры. Вы можете пропустить этапы настройки, но все остальное, о чем говорится в руководстве, можно протестировать в консоли.

Базовая настройка

Чтобы использовать Facebook SDK для JavaScript, не нужно скачивать или устанавливать какие-либо файлы. Достаточно включить в HTML короткий фрагмент кода JavaScript, который асинхронно загрузит SDK на ваши страницы. Это означает, что загрузка других элементов вашей страницы не будет блокироваться.

Следующий сниппет кода позволит загрузить базовую версию SDK с параметрами, имеющими значения по умолчанию. Вставьте этот сниппет сразу после открывающего тега <body> на каждой странице, куда вы хотите добавить SDK.

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

Этот код загрузит и инициализирует SDK. Имейте в виду: значение параметра your-app-id необходимо заменить на ID вашего приложения для Facebook. Найти этот ID можно в Панели приложений.