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

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

始める前に

必要なロール：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