快速入門:Facebook JavaScript SDK

Facebook JavaScript SDK 提供一整套豐富的用戶端功能:

SDK、社交外掛程式和對話方塊在桌面版和行動版網頁瀏覽器上都可運作。

這份快速入門會向您示範如何設定 SDK,以及發出一些基本的圖形 API 呼叫。如果您還不想設定,可以透過我們的 JavaScript 測試主控台來使用所有的 SDK 方法,並且探索一些範例(您可以跳過設定步驟,但仍可以在主控台上測試快速入門的其餘部分)。

基本設定

Facebook JavaScript SDK 沒有任何需要下載或安裝的獨立檔案,您只需要將一小段一般的 JavaScript 置入 HTML 中,即可以非同步的方式將 SDK 載入頁面中。非同步載入是指不會阻擋頁面中其他元素的載入。

以下程式碼片段會提供 SDK 基本版,選項會設定為最常見的預設值。您應該在每一個要載入 SDK 的頁面上,將以下程式碼直接插入在 <body> 開頭標籤後方:

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

  (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 = "https://connect.facebook.net/en_US/sdk.js";
     fjs.parentNode.insertBefore(js, fjs);
   }(document, 'script', 'facebook-jssdk'));
</script>
    

這段程式碼會載入初始化 SDK。您必須使用 Facebook 應用程式的編號來取代 your-app-id 中的值。您可以透過應用程式主控板找到這組編號。