---
sourceDocument: Yokohama 対話型インターフェース
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/ja-JP/yokohama/conversational-interfaces

 Release :

    - yokohama

ft:locale :

    - ja-JP

ft:publication_title :

    - Yokohama 対話型インターフェース

ft:clusterId :

    - convint

bundleId :

    - convint

workflow :

    - Platform


---

# 静的選択肢またはダイナミック選択肢コントロールにヘッダーカードを挿入する

# 静的選択肢またはダイナミック選択肢コントロールにヘッダーカードを挿入する {#ariaid-title1}

* リリースバージョン: Yokohama
* 
* 更新日 2025年01月30日
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 所要時間：3分

仮想エージェント トピックを作成するときは、静的選択肢とダイナミック選択肢のユーザー入力コントロールに画像と YouTube ビデオを含めることができます。

## 始める前に

必要なロール：virtual_agent_admin または admin

## 手順

1. 移動先 すべて対話型インターフェース仮想エージェントデザイナー トピックを開くか、 [新しいトピックを作成します](https://servicenow-prod.fluidtopics.net/qIn05cDI~GW9_jHT8ftPKQ "仮想エージェントデザイナーを使用して仮想エージェントトピック (会話) を作成したり変更したりします。ユーザーの要求を満たしたり、ユーザーがタスクを完了するのをサポートするなどの、特定の目的や目標を達成するためにトピックをビルドします。")。
2. \[フロー\] タブで、静的選択肢またはダイナミック選択肢のユーザー入力コントロールをキャンバスにドラッグします。
3. プロパティシートで、\[詳細 (オプション)\] に移動し、\[ヘッダーカード\] セクションを展開します。
4. \[挿入\] 切り替えスイッチをスライドして有効にします。  
   図 : 1. ヘッダーカードを挿入
5. \[Would you like help?\] で、\[はい\] または \[いいえ、スクリプトを使用します\] を選択します。
   * \[はい\] を選択した場合は、\[カードの追加\] を選択し、次のフォームフィールドに入力します。  
     {#insert-header-card-user-input-control__table_j11_ghf_3cc__entry__2}

     | フィールド | 説明 |
     |-|-|
     | カードタイプ | ヘッダーカードのタイプ： * テキスト付きの大きな画像 * テキスト付きの小さな画像 * YouTube ビデオカード {#insert-header-card-user-input-control__ul_k11_ghf_3cc} ダイアログボックス内のフィールドは選択した内容に応じて変わります。 |
     | タイトル | 画像またはビデオのタイトル。テキストフィールドに直接入力するか、データピルまたはスクリプトを使用して値を指定できます。 |
     | タイトルリンク | ビデオタイトルのハイパーリンクに使用する URL。テキストフィールドに直接入力するか、データピルまたはスクリプトを使用して値を指定できます。このフィールドが空の場合、タイトルはプレーンテキストとして表示されます。 このフィールドは、YouTube ビデオカードオプションでのみ使用できます。 |
     | 説明 | 画像またはビデオの簡単な説明。 |
     | 画像 URL リンク | 画像の URL リンク。テキストフィールドに直接入力するか、データピルまたはスクリプトを使用して値を指定できます。\[ 画像をアップロード \] を選択して画像をアップロードすることもできます。 このフィールドは、大きいまたは小さい画像カードのオプションでのみ使用できます。 |
     | 画像の代替テキスト | 画像を説明する、画面で読み取り可能な代替テキスト。アクセシビリティプログラムに使用されます。 このフィールドは、大きいまたは小さい画像カードのオプションでのみ使用できます。 |
     | YouTube ビデオ ID | YouTube URL の末尾にある英数字の文字列。たとえば、URL「https://www.youtube.com/watch?v=AacDp2mUQ1I」の YouTube ビデオ ID は AacDp2mUQ1I です。 このフィールドは、YouTube ビデオカードオプションでのみ使用できます。 |
     [表 : 1. \[カードを追加\] ダイアログボックス]

     {#insert-header-card-user-input-control__table_j11_ghf_3cc}
   * \[ いいえ、スクリプトを使用します\] を選択した場合は、\[ スクリプトを追加 \] を選択して、スクリプトダイアログボックスの例に従って、目的のメディアを表示するスクリプトを入力します。

     ヘッダーカードスクリプトの例  

         function() {
             /*
                 var cardName = "Large image with text";
                 var cardData = {
                     title: 'Choose color',
                     description: 'choose the right color of the flowers in the image',
                     image: 'https://homepages.cae.wisc.edu/~ece533/images/tulips.png',
                     imageAlt: 'Choose color'
                 }
                 var template = "";
                 if (vaSystem.isAMBClient(vaContext.deviceType))
                     template = vaSystem.fillTemplateFromData(cardName, JSON.stringify(cardData));
               return {
                   cardTemplate: template,
                   cardName: cardName,
                   cardData: JSON.stringify(cardData),
                   renderStyle: "card"
               };
             */
             }

   {#insert-header-card-user-input-control__choices_zsw_zff_3cc}
6. \[保存\] をクリックします。