---
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日
*
*  所要時間：15分
インスタンスを使用するさまざまな組織に対して、さまざまな 仮想エージェント ブランディング構成を作成します。これらの構成は、Web ベースのチャットおよびモバイルクライアントにのみ適用されます。
## 始める前に
ServiceNow® モバイル を使用している場合は、モバイルチャットに 仮想エージェント を設定してください。詳細については、「[ServiceNow モバイルアプリケーションの仮想エージェントの構成](https://servicenow-prod.fluidtopics.net/RM2pqUB3dZgXBrjt0TtcLA "仮想エージェントは、モバイルエクスペリエンス用に最適化されたテンプレートを提供します。ServiceNow モバイルアプリケーションで仮想エージェントを実行するようにサービスポータルを設定します。")」を参照してください。
ServiceNow Store のオムニエクスペリエンス標準機能セットアプリケーションの更新と改善を確認します。
注:
Microsoft Teams との対話型統合 のボットのブランディングは、Microsoft Teams アプリのカスタマイズ機能で利用できます。詳細については、Now Community の「[MS Teams branding for the conversational integration](https://community.servicenow.com/community?id=community_article&sys_id=3b4f487edbe17490904fa9fb1396195b)」を参照してください。Slack のボットのブランディングも利用できます。詳細については、「[Slack での仮想エージェントボットのブランディングの構成](https://servicenow-prod.fluidtopics.net/ra73KI0KZVL~SdjHUZESdg "Slack 仮想エージェント のデフォルトの ServiceNow ブランディングは、柔軟にカスタマイズできます。本番ボットの名前とアイコンを変更できます。")」を参照してください。
必要なロール：virtual_agent_admin または admin
## 手順
1. 移動先 すべて対話型インターフェース設定.
2. \[表示オプション\] セクションで、\[ブランディング\] の横にある \[すべて表示\]を選択します。
3. \[新規\]を選択してブランディング構成を作成するか、更新するブランディング設定レコードを選択します。
4. フォームで、フィールドに入力します。
{#ac-configure-chat-branding__table_epv_csw_gjb__entry__2}{#ac-configure-chat-branding__branding-names}
| ラベル | 説明 |
|-|-|
| ブランド名 | 自社用カスタム設定構成の名前。 新しいブランディング構成を作成するか、利用可能な選択肢の 1 つを選択します。Yokohama リリースの場合、選択肢は次のとおりです。 * Polaris-Dark * Polaris-Light {#ac-configure-chat-branding__ul_gpp_2fh_hvb} |
| チャットヘッダー | チャットウィンドウのヘッダーで会社または組織を識別するテキスト文字列。例：Acme サポート。 |
| ボットメッセージ間の最小値 (ms) | ボット応答間に発生する最小遅延 (ミリ秒単位 (ms)) です。デフォルトの待機時間は 500 ms です。 |
| 入力アニメーションを表示する前の最小遅延 (ミリ秒) | ボットがユーザー入力を処理中であることを示すアニメーション省略記号を表示する前に発生する最小遅延 (ミリ秒単位 (ms)) です。 |
| メニュータイトル | サポートメニューの名前。デフォルトタイトルは \[サポートへの連絡\] です。 |
| ブランディングキー | 入力した \[ブランディング名\] が反映された構成の読み込み専用 sys_id。キーは小文字で、スペースはアンダースコア文字に置き換えられます。 |
| ボタン選択テキスト | \[ 上の新規メッセージ \] または \[ 以下の新規メッセージ \] ボタンのフォントの色。 |
| ボットプロファイル | \[ライブプロフィール\] フォームを開いて、ボット画像 (アバター) が含まれる、新しいボットユーザープロファイルを選択または作成するリスト。このボット画像はチャットメッセージに表示されます。 * 仮想エージェントには、情報アイコンを選択します。 * ボットの画像や説明を変更するには、ページ上部のメッセージで \[レコードの編集 \] を選択します。 * \[ライブプロファイル\] フォームで、フィールドを変更して \[更新\] を選択します。 {#ac-configure-chat-branding__ul_rpb_ryz_wrb} * 構成のボットを選択または変更するには、検索アイコンを選択し、\[ ボットプロファイル \] フィールドを選択します。前のステップで作成したボットプロファイルを選択します。 {#ac-configure-chat-branding__ul_ygn_lsb_trb} |
| チャットヘッダーロゴ | チャットヘッダーに表示されるロゴ画像。ライブチャットがブラウザウィンドウで実行されている場合、ロゴはブラウザタブにも表示されます。チャットヘッダーのロゴは 42 x 42 ピクセルに設定され、チャットメッセージのロゴは 24 x 24 ピクセルに設定されます。これらのサイズよりも小さいアップロード画像は、引き伸ばされて表示されます。大きな画像は縮小されます。 * ロゴを追加するには、\[イメージを添付\] を選択し、ファイルファインダーを使用してイメージを選択します。 * ロゴを変更するには、\[画像を表示\] を選択します。ファイルファインダーから、新しいロゴファイルを選択し、\[ OK\] を選択します。更新したロゴが、このフィールドの下に表示されます。 * ロゴを削除するには、ごみ箱アイコンを選択します。ファイルがすぐに削除されます。 {#ac-configure-chat-branding__ul_mbm_pnz_srb} |
| 「以下に新しいメッセージ」または「上に新しいメッセージ」通知の表示を有効にする | チャットの現在のビューの下または上に新しいメッセージの通知を表示するには、このオプションを選択します。 |
[ ]
{#ac-configure-chat-branding__table_epv_csw_gjb}
5. \[保存\] をクリックします。
ここから、チャットクライアントの色、アイコン、フォントのタイプとサイズをブランドに合わせて調整できます。たとえば、次のことができます。
* [アイテムの色を変更する](https://servicenow-prod.fluidtopics.net/Y_V5FCcVAooXl2lUlqsfwA#ac-configure-chat-branding__ul_b3w_xsv_jvb)
* [アイコンをカスタマイズする](https://servicenow-prod.fluidtopics.net/Y_V5FCcVAooXl2lUlqsfwA#ac-configure-chat-branding__customize-icons)
* [チャットで使用するフォントをカスタマイズする](https://servicenow-prod.fluidtopics.net/Y_V5FCcVAooXl2lUlqsfwA#ac-configure-chat-branding__customize-fonts)
{#ac-configure-chat-branding__ul_b3w_xsv_jvb}
6. チャットウィンドウのアイテムの色を変更するには、\[色\] タブを選択します。
アイテムを選択し、そのアイテムに使用する 16 進数または赤青緑アルファ (RGBA) カラーを指定します。これを行うと、サンプルチャットウィンドウに変更内容のプレビューが表示されます。 {#ac-configure-chat-branding__table_ivy_hb1_xrb__entry__2}
| ラベル | 説明 |
|-|-|
| チャットウィンドウ ||
| チャット ヘッダー バックグラウンド | チャットヘッダーの背景色です。 |
| チャット バックグラウンド | チャットウィンドウの背景色です。 |
| メニューアイコン | 会話を終了するかカスタマーサポートに連絡するというユーザーオプションを提供する、メニューアイコンの色です。 |
| チャット ヘッダー フォント | チャットヘッダー内のテキストのフォント色です。 |
| 入力バックグラウンド | ユーザー入力バーの背景色です。 |
| チャットメッセージ ||
| ユーザー バブル バックグラウンド | ユーザーチャットバブルの背景色です。 |
| エージェント バブル バックグラウンド | ライブエージェントチャットバブルの背景色です。 |
| ボット バブル バックグラウンド | ボットチャットバブルの背景色です。 |
| リンク | 会話に表示されるリンクの色です。 |
| ボタンバックグラウンド | 会話で使用されるボタンの背景色です。 |
| 通知バックグラウンド | Web チャットクライアントで配信される仮想エージェント通知の背景色。 |
| ユーザー バブル フォント | ユーザーチャットバブル内のテキストのフォント色です。 |
| エージェント バブル フォント | ライブエージェントチャットバブル内のテキストのフォント色です。 |
| ボット バブル フォント | ボットチャットバブル内のテキストのフォント色です。 |
| リンクがオフ | 会話での無効リンクの色です。 |
| 通知テキスト | Web チャットクライアントで配信される仮想エージェント通知のフォント色。 |
| その他 ||
| システムメッセージ | 会話に表示される一般的なシステムメッセージの色です。 |
| カテゴリバックグラウンド | トピックのリストの上にある見出しの背景色です。 |
| セパレーター | \[プレビュー\] ウィンドウで各会話を区切る破線の色です。 |
| タイムスタンプ | 作成中のレコードなど、会話中に重要なアクティビティが発生したときに表示されるタイムスタンプの色です。 |
| カテゴリフォント | カテゴリ見出しのテキストのフォント色です。 |
| アニメーションをロード中 | システムが情報を処理していることを示すアニメーションドットの色です。 |
[表 : 1. 各アイテムの色をカスタマイズ]
{#ac-configure-chat-branding__table_ivy_hb1_xrb} {#ac-configure-chat-branding__change-icon-color}
7. チャットウィンドウのチャットアイコンをカスタマイズするには、\[アイコン\] タブを選択します。
メインチャット画面、すべてのトピック画面、サポートメニュー、および会話の終了画面の 4 つのチャット画面のアイコンをカスタマイズできます。このタブを使用して、次の操作を行います。
* カスタムアイコンを追加する：アイコンの \[追加\] を選択し、\[イメージを添付\] を選択します。画像ファイルを選択したら、\[適用\] を選択します。
* カスタムアイコンを置換する：アイコンの \[置換\] を選択します。ゴミ箱アイコンを選択して現在の画像を削除し、新しい画像をアップロードします。
* システムのデフォルトアイコンに戻す：アイコンの \[削除\] を選択します。
注:
システムのデフォルトのアイコンは削除できません。
{#ac-configure-chat-branding__ul_jgw_kmb_ttb}
構成中にアイコンを指定すると、サンプルのチャットウィンドウに、変更内容のプレビューが表示されます。
注:
ブランディングページの他の設定とは異なり、\[ 適用\] を選択するとすぐにチャットウィジェットでアイコンの変更が有効になります。他の変更は、ページの上部にある \[保存\] を選択するまで有効になりません。
有効なファイル形式は、.jpg、.png、.bmp、.gif、.jpeg、.ico、.svg です。
{#ac-configure-chat-branding__customize-icons}
8. **オプション:** フォントタイプとフォントサイズをカスタマイズします。
利用可能なブランディング構成 (Polaris-Light や Polaris-Dark など) は[ここ](https://servicenow-prod.fluidtopics.net/Y_V5FCcVAooXl2lUlqsfwA#ac-configure-chat-branding__table_epv_csw_gjb)にあります。
注:
この機能は、ServiceNow® Store から Omni-Experience Standard Feature Set をインストールして最新バージョンに更新した後にのみ表示されます。
チャットに表示されるフォントをカスタマイズするには、\[フォント\] タブを選択します。
フォントタイプを変更するには、次のいずれかの方法を選択します。
1. 使用するフォントを選択します。
\[チャットヘッダーテキスト\] ドロップダウンリストから、ヘッダーに使用するフォントを選択します。
チャット本文のテキストについても同じ操作を行います。
新しいフォントの例が表示されます。
2. URL からフォントをダウンロードします。
\[カスタムフォントを追加\] ドロップダウンリストから、\[URL から\] を選択し、URL を指定して変更を適用します。
3. 添付ファイルから追加するフォントをアップロードします。
\[カスタムフォントを追加\] ドロップダウンリストから、\[フォントをアップロード\] を選択し、添付するファイルへのパスを指定して変更を適用します。
{#ac-configure-chat-branding__substeps_ahc_dlm_lvb}
チャットのヘッダーとチャット本文のフォントサイズを変更するには、次の操作を行います。
1. \[Font body size (本文のフォントサイズ)\] ドロップダウンから、\[標準\]、\[大\]、または \[特大\] のフォントサイズを選択します。
2. \[Font header size (ヘッダーのフォントサイズ)\] ドロップダウンから、\[標準\]、\[大\]、または \[特大\] のフォントサイズを選択します。
注:
これらの変更は、チャットウィジェットに追加したカスタムコントロールには適用されません。カスタムコントロールは個別に更新する必要があります。
3. ポータルまたは Web サイトのチャットウィンドウで変更をプレビューします。
{#ac-configure-chat-branding__substeps_amj_2qw_21c} {#ac-configure-chat-branding__customize-fonts}
9. \[サポートへの連絡\] メニューを更新するには、\[メニューアイテム\] セクションまで下にスクロールします。
\[メール\]、\[チャット\]、および \[電話\] メニューアイテムのアイコン、ラベル、可視化、および表示順序を変更できます。メニューにカスタムオプションを追加することもできます。
1. \[メニューアイテム\] セクションで、次のいずれかの操作を行います。
* メニューアイテムを編集するには、\[レコード\] アイコンを選択します。
* 新しいメニューアイテムを追加するには、\[新規\] を選択します。
* メニューアイテムを削除するには、\[レコード\] アイコンを選択します。レコードで、\[その他のアクション\] アイコン \[ ![その他のアクション\] アイコンを選択し]()、\[ 削除\] を選択します。
{#ac-configure-chat-branding__ul_s21_dx1_krb}
各メニューエントリのフィールドに入力します。
{#ac-configure-chat-branding__table_t21_dx1_krb__entry__2}
| フィールド | 説明 |
|-|-|
| ラベル | メニュータイプを説明するテキスト文字列。 グローバルアプリケーションスコープのデフォルトのメニュータイプのラベルは、次のとおりです。 * メール：デフォルトのメールを開くオプション。デフォルトラベル： カスタマーサポートにメールを送信 * チャット：ライブエージェントとチャットするためのオプション。デフォルトラベル：チャットタイプの連絡先ライブエージェント * 電話：電話サポートが利用可能であることを示すオプション。デフォルトラベル：コールサポート：(毎日午前 5 時～午後 11 時) {#ac-configure-chat-branding__ul_u21_dx1_krb}ラベルテキストの長さは最大 75 文字です。 |
| タイプ | メニューアイテムのタイプ。たとえば、ヘルプページなどの特定の情報へのリンクであるメニューアイテムを追加する場合は、[リンク] タイプを選択します。 メニューアイテムのタイプは次のとおりです。 * メール：メールでサポートに連絡するオプション。 * リンク：Web ページへのリンクのオプション * チャット：チャットを通じてライブエージェントに連絡するオプション。 * テキスト：テキスト文字列を設定するオプション * 電話：電話でサポートに連絡するオプション {#ac-configure-chat-branding__ul_v21_dx1_krb} |
| 値 | メニュータイプの値。たとえば、メールの \[値\] は、サポートグループのメールアドレスです。 デフォルトのメニュータイプの値は次のとおりです。 * メール：サポートグループのメールアドレス。例：support@example.com * 電話：電話サポート組織の電話番号。 * メール：サポート組織のメールアドレス。 {#ac-configure-chat-branding__ul_w21_dx1_krb} 注: チャットメニュータイプに値はありません。 |
| 表示 | アイテムを \[サポートへの連絡\] メニューに表示するオプション。 メニューアイテムを非表示にするには、このオプションをオフにします。 |
| デフォルト表示アイコン | アイテムのデフォルトアイコンを示すオプションは、メニューに表示されます。 メニューアイコンを追加、変更、または削除するには、このオプションをオフにします。 * 新しいメニューアイテムのアイコンを追加するには、\[画像を表示\] を選択します。ファイルファインダーから、アイコンファイルを選択し、\[OK\] を選択します。アップロードされたアイコンは、\[アイコン\] フィールドの下に表示されます。 * アイコンを変更するには、\[アイコン \] フィールドで \[更新\] を選択します。ファイルファインダーから、新しいロゴファイルを選択し、\[ OK\] を選択します。更新したアイコンが、このフィールドの下に表示されます。 * アイコンを削除するには、\[ごみ箱\] アイコンを選択します。ファイルがすぐに削除されます。 {#ac-configure-chat-branding__ul_bt2_jk1_xrb} |
| 順序 | \[サポートへの連絡\] メニューにアイテムが表示される順序を識別する番号。数字の 1 は、アイテムがメニューに表示される最初のオプションであることを示します。 |
| アプリケーション | グローバル。 |
[ ]
{#ac-configure-chat-branding__table_t21_dx1_krb}
2. メニュータイプの \[メニュー項目\] セクションを完了したら、\[ 保存\] を選択します。
{#ac-configure-chat-branding__substeps_r21_dx1_krb}
10. **オプション:** ブランディングテーブル \[sys_cs_branding_setup.list\] に移動し、作成したブランディング名を選択します。
注:
この手順は、拡張チャットまたは拡張チャットのフルページエクスペリエンスで Now Assist を使用してアシスタントを構成する場合にのみ適用 仮想エージェント 。
1. 選択 構成フォームレイアウト \[他のアクション\] アイコン (![]()) から。
2. 次の \[利用可能\] フィールドを \[選択済み\] フィールドに移動し、 保存します。
* 検索トグルボタンラベル
* 未読会話数の表示を有効にする
* 左パネルのヘッダーラベル
{#ac-configure-chat-branding__ul_qbv_yyn_dhc}
3. 新しく追加されたフィールドを構成します。
{#ac-configure-chat-branding__substeps_i22_vyn_dhc}
| フィールド | 説明 |
| 検索トグルボタンラベル | 拡張チャットのフルページエクスペリエンスのラベルを、デフォルトの \[検索\] タブラベルからこのラベルに変更するオプション。 |
| 未読会話数の表示を有効にする | 会話の未読数を \[チャット\] アイコンに表示するオプション。 |
| 左パネルのヘッダーラベル | 拡張チャットおよび拡張チャットのフルページエクスペリエンスのラベルを、デフォルトのチャットヘッダーからこのラベルに変更するオプション。 |
|-|-|
{#ac-configure-chat-branding__choicetable_ft2_dzn_dhc}
11. ブランディング構成を適用するには、次のいずれかを実行します。
* サービスポータル エージェントチャット 構成にブランディング構成を適用します。ページとウィジェットデータをエージェントチャット (仮想エージェントまたはライブエージェント) の会話に渡すサーバースクリプトで、使用するブランディングキーを指定します。このスクリプトによって渡されたアイテムは、ポータル内のすべてのページで使用できます。サービスポータル エージェントチャットの設定の詳細については、「[ボットをポータルに追加](https://servicenow-prod.fluidtopics.net/w_Wvg6dWp37cf1nd3r3RAQ "ボットおよび人間エージェントとやり取りする場所をユーザーに提供します。ベースシステムで提供されている サービスポータル チャット構成 (エージェントチャット と 仮想エージェント に使用する サービスポータル エージェントチャット 構成など) を選択します。エンドユーザーは、任意のポータルページで、ボット または エージェントチャット の会話を開始して維持できます。")する」を参照してください。
たとえば、ナレッジポータルに対する次の サービスポータル エージェントチャット の構成は、チャットブランディングキー、`custom_1` を使用します。
注:
ポータルの [\[エージェントチャット\] ボタンのカスタマイズ](https://www.servicenow.com/docs/access?context=configure-va-in-sp&version=yokohama&pubname=yokohama-platform-user-interface&ft:locale=en-US)など、構成可能な他の サービスポータル エージェントチャット機能があります。サービスポータル でのエージェントチャットウィジェットのカスタマイズの詳細については、「[サービスポータル のエージェントチャットの構成](https://www.servicenow.com/docs/access?context=configure-va-in-sp&version=yokohama&pubname=yokohama-platform-user-interface&ft:locale=en-US)」を参照してください。
* ブランド構成を宛先ページに適用します。チャットウィジェット URL のブランディングキーを使用してシステムパラメーター `sysparm_branding_key` を入力します。たとえば、次のようになります：
`https://<`インスタンス名`>service-now.com/$sn-va-web-client-app.do?sysparm_branding_key=acme`
この例では、`acme` は使用するブランディング構成のキーです。
* 埋め込みチャットウィジェットにブランディング構成を適用します。埋め込みチャットウィジェットの URL のブランディングキーを使用して、システムパラメーター `sysparm_branding_key` を入力します。たとえば、次のようになります：
`https://<`インスタンス名`>service-now.com/$sn-va-web-client-app_embed.do?sysparm_branding_key=acme`
この例では、`acme` は使用するブランディング構成のキーです。
{#ac-configure-chat-branding__ul_jb1_2jr_bkb}
12. **オプション:** ブランドボットと一緒に[対話オートパイロット](https://servicenow-prod.fluidtopics.net/vNTg2~_VwBU~34fq5ITQSA#ci-conversation-autopilot "エージェントは、エージェントチャット の会話の間、対話オートパイロットを使用して 仮想エージェント トピックを表示できます。要求者が 仮想エージェント トピックを操作している間、エージェントはマルチタスクを実行して他のアイテムを処理できます。対話オートパイロットは、HR サービスデリバリ (HRSD) (HRSD) では利用できません。")を使用している場合は、次のようにシステムプロパティを変更することで、オートパイロットセッション中にチャットウィンドウに表示されるブランドボット名を指定できます。
1. 移動先 すべて対話型インターフェース設定.
2. \[システムアクション\] セクションで、\[システムメッセージ\] の横にある \[すべて表示\]を選択します。
3. com.glide.cs.autopilot.client_initiated_header システムのプロパティの \[値\] フィールドを変更して、チャットウィンドウのヘッダーに表示される仮想エージェントボット名の代わりに、ブランドボット名を指定します。
図 : 1. チャットウィンドウのオートパイロットヘッダー
4. com.glide.cs.autopilot.client_initiated_message システムプロパティを更新して、会話中に要求者に表示されるブランドボット名を指定します。
図 : 2. 会話中のオートパイロットメッセージ
{#ac-configure-chat-branding__substeps_h1x_zdz_gtb}