快速入門：Facebook JavaScript SDK

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

讓您可以在網站上使用讚好按鈕和其他社交附加程式。
讓您可以在網站上使用 Facebook 登入功能，減少用戶註冊的麻煩。
讓您輕鬆呼叫 Facebook 的 Graph API。
啟動對話框可讓用戶執行各類操作，例如分享限時動態。
當您在 Facebook 上建立遊戲或應用程式分頁時，可以讓通訊更方便。

這個快速入門會示範如何設定 SDK，並執行一些基本的 Graph API 呼叫。如果未有設定的打算，可以使用我們的 JavaScript 測試主控台來使用各種 SDK 方法，並且探索一些範例（您可以略過設定步驟，但在主控台上測試快速入門中的其他範例）。

系統支援的瀏覽器

Javascript 專用 Facebook SDK 支援最受歡迎瀏覽器的頭兩個最新版本：Chrome、Firefox、Edge、Safari（包括 iOS）和 Internet Explorer（僅支援版本 11）。

基本設定

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

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

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

這段程式碼會載入和初始化 SDK。您必須使用您自己的 Facebook 應用程式編號來取代 your-app-id 中的值。您可以透過應用程式管理中心找到此編號。

後續步驟

進階設定使用範例