配置商家功能

瞭解有哪些選項可用來為 Facebook Business 擴充功能啟用及配置商業功能。

配置選項

若要為用戶啟用及配置商家功能，請使用下列其中一個可用的選項：

支援的功能

Facebook Business 擴充功能提供許多您可以為商家啟用的功能。

下列功能依其最適合的產業分組：

標準功能

預約專屬功能

不需額外的實作

需要額外的實作

<div class="fb-customerchat"
            page_id="<PAGE_ID>">
        </div>

透過商家登入進行初始化功能設定

您可以為商家配置任意數量的功能，只要在 business_config 屬性中指定這些功能即可，此屬性會同時透過商家登入和應用程式商店中的 extras 參數傳入。您應在完成 FBE 安裝後立即在這裡指定要為商家啟用的所有功能。

business_config 為 JSON 物件，其中包含說明如何配置各種功能的子欄位。深入瞭解需指定的子欄位和 business_config。例如，若只要配置商家的 Facebook 粉絲專頁 CTA 和 Instagram CTA，您的 business_config 物件應如下所示：

{
  "business": {
    "name": "Foo Business"
  },
  "page_cta": {
    "enabled": true,
    "cta_button_text": "Book Now",
    "cta_button_url": "https://partner-site.com/foo-business",
    "below_button_text": "Powered by FBE Partner"
  },
  "ig_cta": {
    "enabled": true,
    "cta_button_text": "Book Now",
    "cta_button_url": "https://partner-site.com/foo-business"
  },
}

FBE 功能管理檢視

若要讓商家進一步配置功能（除了您在安裝期間在 business_config 中為商家指定的功能外），您可以將商家從您的平台導向至我們的 FBE 管理檢視。

您可以新增下列任何方法（Javascript SDK 或 URL），新增用來啟動 FBE 管理檢視的進入點。兩個範例都會顯示可點擊的按鈕，該按鈕會啟動「FBE 管理模式」視窗。建議在用戶端完成 FBE 設定前，隱藏 FBE 啟動按鈕。確定傳遞 fbe_external_business_id 作為 external_business_id。

您可以傳遞包含所需頁籤名稱的 tab 選用參數，為 FBE 管理檢視指定所選頁籤。例如，可將其設定為「家用」或「商用」。這個參數可用於 JavaScript SDK 或搭配網址方法使用。

Facebook Javascript SDK

<script>
  function launchFBEManagementView() {
    FB.ui({
      display: 'popup',
      method: 'facebook_business_extension',
      external_business_id: '<fbe_external_business_id>',
      tab: '<selected_tab_name>', // optional
      }, function(response){
        // implement
      });
  }
</script>

<a href="javascript:void(0);"> <button onclick="launchFBEManagementView()">Launch Management View<button></a>;

網址方法

<a href="https://www.facebook.com/facebook_business_extension?app_id=<app_id>&external_business_id=<fbe_external_business_id>&tab=<selected_tab_name>"><button>Launch Management View</button></a>

FBE 功能配置 API

若要在商家的功能初始安裝後，從您的端點配置及更新功能，可使用 FBE 功能配置 API。

對於無法自訂的功能，只會顯示功能實例編號和已啟用的標示。只有可自訂的功能可透過 POST 要求來更新。

功能配置 API 不同於 FBE 安裝 API，因為除了所連結的資產外，它還提供其他功能資訊，包括已啟用狀態和特定功能自訂項目。呼叫 FBE 安裝 API 後，如果需要有關功能已啟用狀態或配置的更多資訊，請使用功能配置 API。

下列 API 端點可讓您在已安裝 FBE 的平台上，為特定商家啟用、停用及配置功能。用於這些端點的 access_token 與透過商家登入或 Webhook 將您傳回的存取權杖相同。

讀取

若要讀取任何商家目前的功能配置狀態，可發送下列要求：

CURL -X GET 'https://graph.facebook.com/<API_VERSION>/fbe_business/?fbe_external_business_id=<fbe_external_business_id>&access_token=<access_token>'

回應

請參閱 business_config 物件。

更新

若要更新任何和所有功能，請提供下列 POST 要求：

CURL -i -X POST \ 
  -F 'fbe_external_business_id=<fbe_external_business_id>' \
  -F 'business_config={business_config object}' \
  -F 'access_token=<access_token>' \

  "https://graph.facebook.com/<API_VERSION>/fbe_business"

回應

回應範例。

    {
  "page_cta": {
     "feature_instance_id": id1,
     "enabled": true,
     "cta_button_text": "Book Now",
     "cta_button_url": "https://partner-site.com/foo-business1",
     "below_button_text": "Powered by FBE Partner"
  },
  "page_ctas": [
    {
        "feature_instance_id": id1,
        "enabled": true,
        "cta_button_text": "Book Now",
        "cta_button_url": "https://partner-site.com/foo-business1",
        "below_button_text": "Powered by FBE Partner"
    },
    {
        "feature_instance_id": id2,
        "enabled": true,
        "cta_button_text": "Book Now",
        "cta_button_url": "https://partner-site.com/foo-business2",
        "below_button_text": "Powered by FBE Partner"
    }
  ],
  "ig_ctas": [{...}, {...}],
  “ads”: [
    {
      "feature_instance_id": id3,
      “enabled”: true,
    },
    {
      "feature_instance_id": id4,
      “enabled”: true,
    },
  ],
  ...
}

啟用及配置終端用戶粉絲專頁的行動呼籲按鈕，並發送 POST 要求：

CURL -i -X POST \ 
  -F 'fbe_external_business_id=<fbe_external_business_id>' \
  -F 'business_config= {
       "business":{
       "name":"example_business"
        },
        "page_cta":{
          "enabled":true,
          "cta_button_text":"Buy Now",
          "cta_button_url":"https://examplebusiness.com",
          "below_button_text":"Powered by a partner"
        }
      }' \
  -F 'access_token=<access_token>' \
  "https://graph.facebook.com/<API_VERSION>/fbe_business"

瞭解詳情

目錄

後續步驟

觸發像素事件