결제를 위한 JavaScript 광고 대화 상자

이는 Facebook JavaScript SDK를 사용하여 사용자 인터페이스 내에서 Facebook 광고 결제 대화 상자를 제공할 수 있는 안전한 솔루션입니다. 광고주는 JavaScript SDK를 사용하여 플랫폼에서 대화 상자를 트리거할 수 있습니다. 그러면 누군가가 회원님의 솔루션에서 광고 계정 청구 정보를 입력할 수 있습니다. 이 JavaScript SDK 확장 기능을 사용하면 새로운 광고주를 보다 쉽게 온보딩할 수 있습니다.

1단계: Facebook JavaScript SDK

앱 ID와 함께 Facebook JavaScript SDK를 포함합니다.

<script>
  window.fbAsyncInit = function() {
    FB.init({
      appId            : ‘<YOUR-APP-ID>’,
      xfbml            : true,
      version          : 'v3.1'
    });
  };

  (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 = "https://connect.facebook.net/en_US/sdk.js";
     fjs.parentNode.insertBefore(js, fjs);
   }(document, 'script', 'facebook-jssdk'));
</script>

2단계: 트리거 추가

2단계: 이 코드를 추가하여 누군가의 광고 계정에 대한 새 대화 상자를 트리거합니다. 이 코드는 버튼 클릭으로 트리거하는 것이 좋습니다.

<script>
FB.ui({
  account_id: ‘<ACCOUNT-ID>’,
  display: 'popup',
  method: 'ads_payment',
});
</script>

3단계: 결제 출처 확인

구성된 결제 소스를 확인합니다. 사용자 광고 계정에 대해 다음 API 호출 중 하나를 보냅니다.

GET /act_<ACCOUNT_ID>/?fields=funding_source
GET /act_<ACCOUNT_ID>/?fields=funding_source_details

funding_source 또는 funding_source_details에 사용자가 제공한 결제 상세 정보에 대한 정보가 있습니다. 이들 필드가 응답에 없으면 사용자가 계정에 결제 수단을 추가하지 않은 것입니다.