마이그레이션 가이드: Instagram (IX)에서 Meta 비즈니스 확장 도구, v2로 마이그레이션

인스턴트 경험(IX) 통합에서 지원하는 Instagram 행동 버튼을 제공하는 파트너는 음식 주문 행동 유도 버튼과 음식 주문 스토리 스티커 기능을 유지하려면 다음과 같은 Meta 비즈니스 확장 도구(MBE) v2 요구 사항을 빌드해야 합니다.

  1. 인증 URL: 비즈니스가 Facebook에서 Instagram으로 MBE를 온보딩할 수 있도록 합니다.
  2. Webhooks: 비즈니스가 MBE를 설치하거나 삭제할 때마다 프롬프트 알림을 수신합니다.
  3. 픽셀 실행 이벤트: 비즈니스가 새로운 고객의 타게팅을 개선하고, 웹사이트에서 트랜잭션을 높이고, MBE 통합이 성과 향상에 도움이 되는 정도를 직접적으로 측정하는 데 도움을 줍니다.

MBE 개발 및 테스트를 완료하고 나면 Meta에서 통합을 검토하고 인증할 것입니다. MBE 통합이 승인되면 앱이 일반 사용자에게 제공됩니다.

시작하기 전에

  • 아직 Meta 개발자로 등록하지 않은 경우, 개발자 도구에 액세스하고 Meta 앱을 만들 수 있도록 Meta 개발자로 등록합니다.
  • 아직 등록하지 않으셨다면 Meta 앱을 만듭니다.
  • 라이브/프로덕션 앱에서 테스트 앱을 만들고 모든 새로운 개발 및 테스트에 사용합니다.
  • 앱(라이브/프로덕션 및 테스트)은 비즈니스 앱 유형이어야 하고 인증된 비즈니스의 비즈니스 관리자가 소유해야 합니다. 비즈니스 인증 방법비즈니스에 앱을 추가하는 방법에 대해 자세히 알아보세요.
  • Meta 파트너에게 연락하여 앱 ID를 공유하면 Meta 파트너가 MBE manage_business_extension 기능에 액세스할 권한을 부여할 수 있습니다. 승인을 받고 나면 구현 작업을 시작할 수 있습니다.

라이브/프로덕션 앱의 이름은 회사 브랜딩을 대표해야 합니다(앱 이름과 로고가 Meta 화면에 표시될 때 사용됩니다).

개발자 패널을 통해 통합 설정

Meta 비즈니스 확장 도구 개발자 패널은 개발자 앱 대시보드에 있는 제품입니다. 앱에 MBE 기능이 부여되고 나면 개발자 패널을 사용해서 통합을 설정하고 인증해야 합니다(인증 URL 및 Webhooks 엔드포인트 포함).

1단계:MBE 개발자 패널을 Facebook 개발자 앱에 추가합니다.

2단계: 설정 탭에서 Food and Drink만 업종으로 선택하고 Instagram Call to Action ButtonPage Surface Call To Action Button을 기능으로 선택한 다음, 앱이 Wilcard Domains 카드에서 서비스하는 모든 도메인을 포함합니다.

3단계:인증 URL을 빌드한 후에는 설정 탭의 비즈니스 앱 화면을 사용하여 검증된 URL을 가져옵니다(오류가 발생하면 해당 화면에 표시됨). 녹색 체크 표시가 보이면 Meta Business 앱으로 이동하여 전체적으로 테스트할 수 있습니다.

4단계:Webhooks를 빌드한 후에는 Webhooks 제품으로 이동하여 설정합니다. 설정이 예상대로 완료되었다면 개요 탭에서 Webhooks 검증 항목에 녹색 체크 표시가 나옵니다.

5단계:필수 픽셀 이벤트를 실행하고 나면 픽셀 설문조사를 완료합니다(픽셀 구현을 검증하는 동영상 포함).

6단계: 통합 검수 탭에서 통합 검수 카드에 상세 정보를 제공하여 Meta 팀이 통합을 인증하고 승인할 수 있도록 합니다. 여기에는 인증 URL에 로그인하기 위한 플랫폼 로그인 자격 증명을 포함해야 합니다. 전체적인 온보딩 경험과 활성화한 기능이 나와 있는 스크린캐스트 링크를 추가해 주세요.

7단계: MBE 구현을 완료하고 나면 개발자 패널의 개요 탭에서 체크리스트를 작성합니다. 통합 검수 탭에서 앱 상세 정보 및 통합 검수 양식을 작성하세요. 제출 버튼을 클릭하면 검수 절차가 시작됩니다. 통합이 승인되면 출시 탭을 통해 일반 사용자에게 앱을 출시할 수 있습니다. 통합 검수 절차와 Meta 팀에서 피드백 및 현재 상태에 대한 의견을 받는 방법에 대해 자세히 알아보세요.

인증 URL 빌드

Meta 화면에서 제공되는 비즈니스 앱은 기업이 타사 비즈니스 앱을 발견 및 연결하여 적은 기술 비용으로 비즈니스 도구를 쉽게 설정함으로써 비즈니스를 성장시키고 목표를 달성할 수 있도록 합니다.

MBE, v2는 인증 URL을 플랫폼과 Instagram/Facebook 사이에서 사용자 비즈니스 구성을 공유하기 위한 신뢰할 수 있는 채널(예: 이름, CTA용 URL)로 사용합니다.

인증 URL은 GET 쿼리 매개변수 한 개(redirect_uri)를 수락해야 하며, 이 URL과 관련하여 다음과 같은 조치를 취하는 것이 좋습니다.

  1. 사용자가 플랫폼에 로그인하도록 허용하고 플랫폼에서 새로운 계정을 등록할 수 있는 옵션(즉, 가입)도 제공합니다.
  2. 플랫폼에서 계정 1개당 여러 비즈니스를 지원할 경우 사용자가 플랫폼에 등록된 비즈니스 중 어느 것을 Facebook 프레즌스와 연결할지 선택하는 UI를 띄웁니다.
  3. 수신한 redirect_uri 쿼리 매개변수를 가져와서 인코딩된 extras 개체에 쿼리 매개변수로 첨부합니다.
  4. 사용자를 그 결과로 얻은 URL로 이동시킵니다(수신한 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 
}

Instagram '음식 주문' 스토리 스티커는 extras 구성에 포함하지 않아도 됩니다. 이 기능은 Instagram CTA(ig_cta) 기능이 비즈니스에 활성화되어 있으면 기본적으로 활성화됩니다.

완전한 구현 및 테스트에 대한 자세한 내용은 비즈니스 앱을 참조하세요.

Webhooks 빌드

사용자가 비즈니스 앱을 통해 앱을 설치하거나, 업데이트하거나 삭제한 후에 Webhooks를 통해 해당 행동에 대한 상세 정보를 받게 됩니다.

Webhooks를 설정하려면 다음과 같은 준비가 필요합니다.

  1. Facebook에서 보내는 POST 요청을 처리할 수 있는 안전한 서버에 엔드포인트를 만듭니다.
  2. 앱의 앱 대시보드에서 Webhooks 제품을 구성하여 User 개체의 fbe_install 필드를 구독합니다.

새로운/업데이트된 설치에 대한 Webhooks 이벤트를 수신한 경우, pixel_id에 대한 business_id 매핑이 유지됩니다. 픽셀 ID는 해당 비즈니스에 고유하며 필수 픽셀 이벤트를 실행하는 데 사용해야 합니다.

전체 구현 및 설정에 대한 자세한 내용은 Webhooks를 참조하세요.

픽셀 이벤트 실행

Meta 픽셀은 Meta 비즈니스 확장 도구, v2의 필수적인 부분입니다. 플랫폼에 등록된 모든 MBE 통합 비즈니스에 대해 다음과 같은 표준 이벤트의 픽셀을 정확히 실행해야 합니다.

필수 이벤트

  • 음식 주문 과정에 포함되는 모든 페이지: PageView 실행
  • 주문 접수 후: Purchase 실행

선택적 이벤트

  • 항목이 주문에 추가되면 AddToCart를 실행합니다.

모든 표준 이벤트는 이벤트 이름이 포함된 픽셀의 fbq('track') 함수와 JSON 개체(선택 사항)를 매개변수로 호출하여 실행할 수 있습니다. 예를 들어 구매 이벤트는 다음과 같이 통화와 금액을 매개변수로 포함해야 합니다.

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

전체 구현에 대한 자세한 내용은 픽셀 이벤트 실행을 참조하세요.

픽셀 도우미

픽셀 도우미 Chrome 확장 프로그램을 설치하는 것이 좋습니다. 픽셀 도우미는 픽셀이 올바르게 작동하는지 확인하는 데 도움을 줄 수 있는 매우 중요한 피드백을 제공합니다. 특히, 형식 오류가 발생하기 쉬운 전환 추적을 시작할 때 큰 도움이 됩니다.

통합 검수 및 출시

MBE 구현을 완료하고 나면 개발자 패널의 개요 탭에서 체크리스트를 작성합니다. 통합 검수 탭에서 앱 상세 정보 및 통합 검수 양식을 작성하세요. 제출 버튼을 클릭하면 검수 절차가 시작됩니다.

통합 검수는 Meta가 Meta 비즈니스 확장 도구 통합을 인증하는 절차입니다. 통합이 승인되고 나면 출시 탭을 통해 일반 사용자에게 앱을 출시할 수 있습니다. 이 절차에 대해 자세히 알아보세요.

개발자 패널의 통합 검수 탭에 통합을 제출하고 나면 통합 검수 카드의 제출 기록 섹션에서 상태, 업데이트 및 검수자 피드백을 확인할 수 있습니다.

검수자는 상세한 피드백을 제공합니다. 앱이 거부되는 경우 모든 필수 단계를 완료한 후에 새 검수 절차를 시작하세요. 통합 검수 탭에서 다시 제출 버튼을 클릭하면 됩니다.