検索の [ Now Assist ] ボタンの構成

  • リリースバージョン: Australia
  • 更新日 2026年03月12日
  • 所要時間：4分

    • モバイルの標準カタログ検索結果に会話型チャットボタンを追加します。チャットボタンは、対象カタログアイテムの新しい 仮想エージェント 会話にユーザーをリダイレクトします。

    始める前に

    必要なロール：admin

    チャットボタンを表示するカタログアイテムに対して、AI 検索とNow Assistセルフサービス拡張チャットのNow Assistが有効になっていることを確認します。詳細については、「Now Assist in AI Search」と「Display your chat assistant on a portal, channel, or mobile app」を参照してください。

    手順

    1. sys_sg_view_template.do?sys_id=822e2f530f202010e70a4abec4767eeeにあるテンプレート 05 カードテンプレートレコードに移動します。
    2. 編集のために [テンプレート JSON] フィールドを開きます。
    3. ルートセルの [子] アレイで、次の必須フィールドを含む新しいボタンオブジェクトを追加します。
      表 : 1. ボタンフィールド
      フィールド 値
      タイプ 「ボタン」
      ID 「menu_01」
      セル ID 「menu_01」
      コンテキストメニュー {"プレゼンテーション": "検索メニュー"}

      必須フィールドが追加された JSON テンプレートの例を次に示します。

      {
  "Type": "ViewGroup",
  "Margin": {
    "Top": 12,
    "Bottom": 12,
    "Right": 12,
    "Left": 12
  },
  "Orientation": "Horizontal",
  "Alignment": "Center",
  "Distribution": "Auto",
  "Id": "root",
  "CellId": "root",
  "Children": [
    {
      "Type": "ViewGroup",
      "Id": "container_02",
      "Orientation": "Horizontal",
      "Alignment": "Center",
      "Distribution": "Auto",
      "CellId": "container_02",
      "Children": [
        {
          "Type": "Image",
          "Id": "image_01",
          "Scaling": "Fill",
          "Height": 44,
          "Width": 44,
          "CellId": "image_01",
          "Margin": {
            "Right": 16
          }
        },
        {
          "Type": "ViewGroup",
          "Id": "container_03",
          "Margin": {},
          "Orientation": "Vertical",
          "Alignment": "Left",
          "Distribution": "Equal",
          "CellId": "container_03",
          "Children": [
            {
              "Type": "Text",
              "TextColor": "#151920",
              "TextColorVariable": "--now-color_text--primary",
              "MaxLines": 2,
              "CellId": "text_01",
              "Id": "text_01",
              "Margin": {},
              "TextAlignment": "Left"
            },
            {
              "Type": "Text",
              "TextColor": "#2C323F",
              "TextColorVariable": "--now-color_text--secondary",
              "MaxLines": 1,
              "Margin": {
                "Top": 8
              },
              "CellId": "text_02",
              "Id": "text_02",
              "TextAlignment": "Left"
            }
          ]
        }
      ]
    },
    {
      "Type": "Button",
      "TextAlignment": "Center",
      "Id": "menu_01",
      "CellId": "menu_01",
      "ContextMenu": {
        "Presentation": "SearchMenu"
      },
      "TextColorVariable": "--now-color--primary-1",
      "BorderColorVariable": "--now-color--primary-1",
      "BorderWidth": 0,
      "Height": 24,
      "Width": 24,
      "Margin": {}
    }
  ]
}
    4. [Save (保存)] を選択します。
    5. カードテンプレート要素リスト (sys_sg_template_slot.list) に移動し、[ 新規 ] を選択して新しいレコードを作成します。
    6. 新しいカードテンプレート要素の次のフィールドに入力します。
      表 : 2. カードテンプレートフィールド
      フィールド 値
      名前 menu_01
      タイプ メニュー
      カードテンプレート テンプレート 05
    7. [Save (保存)] を選択します。
    8. 次のようにして、3 つのカードテンプレート要素の属性を作成し、それらをmenu_01カードテンプレート要素に関連付けます。
      表 : 3. カードテンプレート要素の属性
      属性 タイプ 説明 値
      属性 1 AdditionalActionType menu_01_type 会話
      属性 2 アイコン menu_01_icon dbc96e63ff523210c63effffffffff8f
      属性 3 TextColorVariable menu_01_TextColorVariable --now-color--primary-1