移轉指南：Instagram（IX）至 Meta Business 擴充功能第 2 版

身為我們 Instagram 行動呼籲按鈕的合作夥伴之一，在即時體驗（IX）整合工具的幫助下，您必須建構下列的 Meta Business 擴充功能（MBE）第 2 版必要項目，以便保留您的點餐行動呼籲按鈕，以及點餐服務限時動態貼圖功能：

1. 驗證網址：讓您的商家從 Facebook 或 Instagram 加入 MBE。
2. Webhook：每次有商家安裝或解除安裝 MBE 時，讓您收到提示通知。
3. 觸發像素事件：幫助您的商家更精準地鎖定新顧客、提升網站上的交易量，並直接評估 MBE 整合工具幫助提高收益的成效。

完成 MBE 開發與測試後，Meta 將對您的整合工具進行審查與驗證。通過核准後，即可開放所有人使用您的應用程式。

準備工作

• 若您尚未註冊，請註冊成為 Meta 開發人員，以便取用我們的開發人員工具，並建立 Meta 應用程式。
• 若您尚未建立 Meta 應用程式，請先行建立。
• 為已上線/生產階段的應用程式建立測試版應用程式，再以此應用程式執行所有新的開發與測試。
• 您的應用程式（已上線/生產和測試階段）必須為商業應用程式類型，且為已驗證商家的企業管理平台所擁有。深入瞭解如何驗證商家，以及如何將應用程式加入商家。
• 請聯絡您的 Meta 合作夥伴並分享您的應用程式編號，以便他們為您授予 MBE manage_business_extension 功能的取用權限。通過核准後，您便可開始進行建置作業。

透過開發人員面板設定整合工具

Meta Business 擴充功能開發人員面板是開發人員應用程式主控板中的產品。在您的應用程式取得 MBE 功能的取用權限後，您必須使用開發人員面板來設定並驗證整合工具（包括驗證網址和 Webhook 端點）。

步驟 1：將 MBE 開發人員面板新增至 Facebook 開發人員應用程式。

步驟 2：在「設定」頁籤上，選擇 Food and Drink 作為唯一的垂直產業，再選擇 Instagram Call to Action Button 和 Page Surface Call To Action Button 作為功能，並在「Wilcard 網域」小卡片上，加入您的應用程式使用的所有網域。

步驟 3：建立驗證網址後，使用「設定」頁籤上的商業應用程式介面來驗證您的網址（如果有任何錯誤將在此列出）。出現綠色勾號後，您就可以前往 Meta 商業應用程式進行端對端測試。

步驟 4：建立 後，前往 Webhooks 產品上進行設定。若正常完成設定，「總覽」頁籤上的 Webhook 驗證商品將會顯示綠色勾號。

步驟5：在觸發必要像素事件後，填寫像素問卷（包含用於驗證像素建置情況的影片）。

步驟 6：在「整合審查」頁籤的「整合審查」小卡片中提供詳細資訊，幫助我們的團隊驗證並核准您的整合工具。此詳細資訊應包含用於登入驗證網址的平台登入憑證。請新增螢幕錄影連結，展示端對端加入體驗，以及您所啟用的功能。

步驟 7：完成 MBE 建置後，在開發人員面板中，填寫「總覽」頁籤中的檢查清單。請在「整合審查」頁籤中，填寫應用程式詳細資訊和整合工具審查的表單。點擊提交按鈕後，便會啟動審查流程。整合工具通過核准後，您就能在「啟用」頁籤中啟用應用程式，供所有用戶使用。進一步瞭解整合工具審查流程，以及如何向我們的團隊接收意見回饋和目前狀態

建立驗證網址

Meta 介面提供的企業應用程式可讓企業探索和連結第三方企業應用程式，以低廉的技術成本使用商業工具輕鬆進行設定，藉此發展和實現他們的業務目標。

MBE 第 2 版使用驗證網址作為受信任的管道，用於在您的平台和 Instagram/Facebook 之間分享用戶的商家配置（名稱、CTA 的網址等）。

您的驗證網址需要接受一個 GET 查詢參數 redirect_uri。針對此網址，我們建議：

1. 讓用戶登入您的平台，並在平台上提供註冊新帳號的選項。
2. 如果您的平台支援每個帳號可以有多個商家，請提供用戶介面，讓用戶在平台上選擇要與其 Facebook 網路據點建立關聯的商家。
3. 取得所收到的 redirect_uri 查詢參數，並將編碼後的 extras 物件作為查詢參數。
4. 將用戶重新導向到結果網址（僅限所收到的 redirect_uri 與我們的規則運算式相符的情況）。

範例 — 使用 extras 物件配置商家，並啟用其 Instagram 個人檔案 CTA 和 Facebook 粉絲專頁 CTA

{
  "setup": {
    "external_business_id": "<YOUR_ID_FOR_THE_BUSINESS>", //e.g. "foo-123"
    "timezone": "<BUSINESS_TIMEZONE>", //e.g. "America/Los_Angeles"
    "currency": "<BUSINESS_CURRENCY>", //e.g. "USD"
    "business_vertical": "FOOD_AND_DRINK"
  },
  "business_config": {
    "business": {
      "name": "<BUSINESS_NAME>"  //e.g. "Foo Business"
    },
    "ig_cta": {
      "enabled": true,
      "cta_button_text": "Order Food",
      "cta_button_url": "<BUSINESS_URL_FOR_CTA>"  //e.g. "https://partner-site.com/foo-business/order"
    },
     "page_cta": {
         "enabled": true,
         "cta_button_text": "Order Food",
         "cta_button_url": "<BUSINESS_URL_FOR_CTA>", // e.g. "https://partner-site.com/foo-business/order"
         "below_button_text": "Powered by <YOU>"
     }
  },
  "repeat": false 
}

如需完整建置與測試的詳細資訊，請參閱商業應用程式。

建立 Webhook

用戶在「商業應用程式」中安裝、更新或解除安裝您的應用程式後，您將透過 Webhook 收到此動作的詳細資訊。

您必須完成下列事項，才能設定 Webhook：

1. 在可處理 Facebook POST 要求的安全伺服器上建立端點。
2. 在應用程式的應用程式主控板中配置 Webhooks 產品，以訂閱 User 物件的 fbe_install 欄位。

如需完整建置與設定的詳細資訊，請參閱 Webhook。

觸發像素事件

Meta Pixel 是 Meta Business 擴充功能第 2 版中不可或缺的一部分。您必須為平台上每個與 MBE 整合的商家準確觸發以下的標準像素事件。

必要事件

• 對於點餐流程中涉及的所有頁面：觸發 PageView
• 下訂單後：觸發 Purchase

選用事件

• 在訂單中新增商品後，觸發 AddToCart。

所有標準事件都能透過呼叫像素的 fbq('track') 函式來觸發，並使用事件名稱和 JSON 物件（選用）作為其參數。例如，購買事件需要包含貨幣和價格作為參數：

fbq('track', 'Purchase', {currency: "USD", value: 30.00});

如需完整建置的詳細資訊，請參閱觸發像素事件。

像素協助工具

強烈建議您安裝我們的像素協助工具 Chrome 擴充功能。像素協助工具可提供極為寶貴的意見回饋，幫助您驗證像素是否正常運作，尤其在您開始追蹤轉換時，可以輕鬆發現格式錯誤。

整合審查與啟用

完成 MBE 建置後，請在開發人員面板中，填寫「總覽」頁籤中的檢查清單。請在「整合審查」頁籤中，填寫應用程式詳細資訊和整合工具審查的表單。點擊提交按鈕後，便會啟動審查流程。

Meta 會透過整合審查流程，驗證您的 Meta Business 擴充功能整合工具。整合工具通過核准後，您就能在「啟用」頁籤中啟用應用程式，供所有用戶使用。深入瞭解此流程。

在開發者面板的「整合審查」頁籤中提交整合工具後，您將能在「整合審查」小卡片的提交記錄區塊中，查看狀態、更新內容和審查人員的意見回饋。

審查人員將提供詳細的意見回饋。如果您的應用程式遭到拒絕，請先完成所有必要步驟，再開始新的審查流程。您可以點擊「整合審查」頁籤中的重新提交按鈕來完成這些步驟。