快速入門: JavaScript 專用 Facebook SDK

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

SDK、社交附加程式和對話框在桌面和流動網頁瀏覽器上都可運作。

這個快速入門會示範如何設定 SDK,並作出一些基本的 Graph API 調用。如果您還不想設定,可以使用我們的 JavaScript 測試主控台來使用所有的 SDK 方法,並且探索範例(您可以跳過設定步驟,但是可以在主控台上測試快速入門中的其他範例)。

基本設定

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

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

<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。您必須使用您自己的 Facebook 應用程式的編號來取代 your-app-id 中的值。您可以使用應用程式管理中心找到這組編號。