ビジネス機能を設定する

Facebook Business拡張機能のビジネス機能を有効にして設定するために利用できるオプションの説明。

設定オプション

ユーザーに対してビジネス機能を有効にして設定するには、以下のいずれかの利用可能なオプションを使用します。

サポートされる機能

Facebook Business拡張機能には、自社のビジネスに対して有効にできる多くの機能があります。

以下の機能が、適しているバーティカル別に次のように分類されています。

標準機能

APPOINTMENTS専用機能

追加の実装が不要

追加の実装が必要

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

ビジネスログインによる初期機能設定

business_configプロパティで指定することにより、自分のビジネスに任意の数の機能を設定できます。これは、ビジネスログインとApp Storeの両方で、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起動ボタンを表示しないようにすることをおすすめします。必ずexternal_business_idのfbe_external_business_idを渡してください。

任意のtabパラメーターに希望するタブの名前を指定して渡すことにより、FBE管理ビュー用に選んだタブを指定できます。例えば、'Home'または'Commerce'に設定できます。このパラメーターは、Javascript SDKまたはURLのメソッドで使用できます。

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>;

URLメソッド

<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を使用します。

カスタマイズできない機能については、機能インスタンスIDと有効化済みフラグだけが表示されます。カスタマイズ可能な機能のみ、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"

詳細情報

カタログ

次のステップ

ピクセルイベントの起動