Basic

Classic/VPC環境で利用できます。

チャットボット返答のレスポンスコンポーネントのうち、Basicコンポーネントについて説明します。

Basicコンポーネントは、次の3つの基本コンポーネントで構成されます。

• Text
• Image
• Button (ButtonコンポーネントはQuick Buttonsコンポーネントを含みます)

上記のコンポーネントはそれぞれの特徴に合わせてチャットボットのレスポンスをチャットボットビルダで設定することができ、チャットボットビルダで設定したレスポンス結果を JSON形式で返します。

Textコンポーネント

Textコンポーネントは、タイトル(Title)、サブタイトル(Sub Title)、説明(Description)、URLで構成されます。

Textコンポーネントのレスポンスボディ

Textコンポーネントのレスポンスボディは次の通りです。

Textコンポーネントのレスポンス例

Textコンポーネントのレスポンスのサンプルコードは次の通りです。

{ 
    "type": "text", 
    "title": "optional, short bold text", 
    "subTitle": "optional, short gray text",
    "data" : 
        {
            "description" : "optional, a long text content",
            "url" : "optional, a hyperlink at the bottom of description",
            "urlAlias" :"optional, hyperlink show this alias",
            "action": {Action Data} 
        }
}

Imageコンポーネント

Imageコンポーネントは、画像とともにタイトル(Title)、サブタイトル(Sub Title)、説明(Description)、URLで構成されます。

Imageコンポーネントのレスポンスボディ

Imageコンポーネントのレスポンスボディは次の通りです。

Imageコンポーネントのレスポンス例

Imageコンポーネントのレスポンスのサンプルコードは次の通りです。

{
    "type": "image",
    "title": "optional, short bold text",
    "subTitle": "optional, short gray text",
    "data" : 
    {
        "imageUrl" : "https://ssl.pstatic.net/CloudFunctions.png",
        "alt" : "optional, short hint show when hover on image",
        "imagePosition" : "top",
        "description" : "optional, details info of image",
        "url" : "optional, a hyperlink at the bottom of description",
        "urlAlias" : "optional, hyperlink show this alias",
        "action": {Action Data}
    }
}

Buttonコンポーネント

Buttonコンポーネントは、画像とともにタイトル(Title)、サブタイトル(Sub Title)、説明(Description)、URLでボタン(Button)を構成します。Quick Buttonコンポーネントも Buttonコンポーネントに含まれます。

Buttonコンポーネントのレスポンスボディ

Buttonコンポーネントのレスポンスボディは次の通りです。

Buttonコンポーネントのレスポンス例

Buttonコンポーネントのレスポンスのサンプルコードは次の通りです。

Basic Button

Basic Buttonのレスポンスのサンプルコードは次の通りです。

{
    "type": "button",
    "title": "optional, text show on button",
    "subTitle": "optional, short gray text",
    "data" : 
    {
        "type": "basic",
        "iconUrl" : "https://ssl.pstatic.net/CloudFunctions.png",
        "action": {Action Data}
    }
}

Image Button

Image Buttonのレスポンスのサンプルコードは次の通りです。

{
    "type": "button",
    "title": "optional, text show on button",
    "subTitle": "optional, short gray text",
    "data" : 
    {
        "type": "imageButton",
        "iconUrl" : "https://ssl.pstatic.net/CloudFunctions.png",
        "action": {Action Data}
    }
}

Quick Buttonsコンポーネント

Quick Buttonsコンポーネントを説明します。チャット画面下部にあるグループ固定ボタンです。buttonコンポーネントに含まれます。

Quick Buttonsのレスポンスボディ

Quick Buttonsnのレスポンスボディは次の通りです。

Quick Buttonsのレスポンス例

Quick Buttonsnのレスポンスのサンプルコードは次の通りです。

{
"quickButtons": [
    {
      "type": "button",
      "title": "Button Name",
      "data": {
        "type": "basic",
        "action": {
          "type": "postback",
          "data": {
            "postback": "UnexpiredForm\u241e47954\u241e0",
            "displayText": "Button Name",
            "postbackFull": "_T_UnexpiredForm\u241e47954\u241e0" 
          }
        }
      }
    }
  ]
}