メインコンテンツまでスキップ

REFERENCE

開発者リファレンス

認証、API、SDK、Flow Agent のプロセッサ、パラメータ解決のリファレンスです。

共通機能 — quickReplies

quickReplies は message template にクイックリプライのボタンを表示します。

  1. 基本的な使い方​

    quickReplies は、どの message template の下にも横スクロールのボタン列を表示し、ユーザーがよくある返答をすばやく選べるようにします。ボタンをタップすると、その文面がメッセージとして送信されます。

  2. 構造​

    JSON​

    {
      "quickReplies": [
        {
          "text": "四川料理を探しています"
        },
        {
          "text": "広東料理を探しています"
        },
        {
          "text": "台湾料理を探しています"
        }
      ]
    }

    各項目​

    quickReplies（配列）​

    クイックリプライのボタンの配列で、各要素が 1 つのボタンにあたります。

    text（必須）​

    ボタンに表示される文面で、タップしたときに送信されるメッセージにもなります。20 文字以内に収めることをおすすめします。

  3. 使用例​

    基本のクイックリプライ​

    {
      "type": "TEXT",
      "text": "どの料理をご希望ですか。",
      "quickReplies": [
        {
          "text": "📍四川料理"
        },
        {
          "text": "📍広東料理"
        },
        {
          "text": "📍台湾料理"
        }
      ]
    }

    他のテンプレートと組み合わせる​

    {
      "type": "BUTTON",
      "title": "おすすめ商品",
      "text": "こちらが人気の商品です:",
      "buttons": [
        {
          "label": "詳細を見る",
          "action": {
            "type": "uri",
            "uri": "https://example.com/product"
          }
        }
      ],
      "quickReplies": [
        {
          "text": "他の商品を見たい"
        },
        {
          "text": "サポートに問い合わせる"
        },
        {
          "text": "メインメニューに戻る"
        }
      ]
    }

  4. 使い方​

    Push Message から quickReplies を含むメッセージを送る手順です。

    1. Template 項目のドロップダウンで Expression を選びます。
    2. エディターに次の JavaScript を入力します。
    (() => {
      return {
        type: 'TEXT',
        text: 'どのサービスをご希望ですか。',
        quickReplies: [
          {
            text: '注文の照会',
          },
          {
            text: '返品・交換',
          },
          {
            text: '商品のご相談',
          },
          {
            text: '技術サポート',
          },
        ],
      };
    })()

    設定すると、ボタンがメッセージの下に表示され、タップするとその文面が送信されます。

始める準備はできましたか？

Asgard をチームでどう活用できるか、お気軽にご相談ください。

お問い合わせ