仮想エージェントボットのブランディングを設定

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

    • インスタンスを使用するさまざまな組織に対して、さまざまな 仮想エージェント ブランディング構成を作成します。これらの構成は、Web ベースのチャットおよびモバイルクライアントにのみ適用されます。

    始める前に

    ServiceNow® モバイルを使用している場合は、モバイルチャット用に仮想エージェントを設定してください。詳細については、「ServiceNow モバイルアプリケーションの仮想エージェントの構成」を参照してください。

    ServiceNow Store のオムニエクスペリエンス標準機能セットアプリケーションの更新と改善を確認します。

    注:
    Microsoft Teams との対話型統合内のボットのブランディングは、Microsoft Teamsアプリのカスタマイズ機能から利用できます。詳細については、「Now Community での 会話型統合の MS Teams ブランディング 」を参照してください。Slack のボットのブランディングも使用できます。詳細については、「Slack での 仮想エージェントボットのブランディングの構成」を参照してください。

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

    手順

    1. 移動先 すべて > 対話型インターフェース > 設定.
    2. [表示オプション] セクションで、[ブランディング] の横にある [すべて表示] を選択します。
    3. [ 新規 ] を選択してブランディング構成を作成するか、更新するブランディング構成情報レコードを選択します。
    4. フォームで、フィールドに入力します。
      ラベル 説明
      ブランディング名 ブランディング構成の名前。
      新しいブランディング構成を作成するか、利用可能な選択肢の 1 つを選択します。オーストラリアリリースの場合、次の選択肢があります。
      • コーラルライト
      • ポラリスダーク
      • ポラリスライト
      チャットヘッダー チャットウィンドウヘッダーで会社または組織を識別するテキスト文字列。例：Acme サポート。
      ボットメッセージ間の最小値 (ms) ボット応答間に発生する最小遅延 (ミリ秒 (ms))。デフォルトの遅延は 500 ミリ秒です。
      入力アニメーションを表示する前の最小遅延 (ミリ秒) ボットがユーザー入力を処理していることを示すアニメーション省略記号を表示する前に発生する最小遅延 (ミリ秒 (ms))。
      メニュータイトル サポートメニューの名前。デフォルトのタイトルは「サポートへの連絡」です。
      ブランディングキー 入力した ブランディング名 を反映した構成の読み取り専用sys_id。キーは小文字で、スペースはアンダースコア文字に置き換えられます。
      ボタン選択テキスト [ 上の新規メッセージ ] または [ 以下の新規メッセージ ] ボタンのフォントの色。
      ボットプロファイル [ライブプロフィール] フォームを開いて、ボット画像 (アバター) が含まれる、新しいボットユーザープロファイルを選択または作成するリスト。このボットの画像はチャットメッセージに表示されます。
      • 仮想エージェント ボットプロファイルを確認および編集するには、情報アイコンを選択しますNow Assist。
        • ボットの画像または説明を変更するには、ページ上部のメッセージで レコードの編集 を選択します。
        • [ライブプロファイル] フォームで、フィールドを変更して [更新] を選択します。
      • 構成のボットを選択または変更するには、検索アイコンを選択し、[ ボットプロファイル ] フィールドを選択します。前のステップで作成したボットプロファイルを選択します。
      チャットヘッダーロゴ チャットヘッダーに表示されるロゴ画像。ライブチャットがブラウザウィンドウで実行されている場合、ロゴはブラウザタブにも表示されます。チャットヘッダーのロゴは 42 x 42 ピクセルに設定され、チャットメッセージのロゴは 24 x 24 ピクセルに設定されます。これらのサイズよりも小さいアップロードされた画像は、引き伸ばされて表示されます。大きな画像は縮小されます。
      • ロゴを追加するには、[ 画像を添付 ] を選択し、ファイルファインダーを使用して画像を選択します。
      • ロゴを変更するには、[ 画像を表示] を選択します。ファイルファインダーから、新しいロゴファイルを選択し、[ OK] を選択します。更新されたロゴがこのフィールドの下に表示されます。
      • ロゴを削除するには、ごみ箱アイコンを選択します。ファイルはすぐに削除されます。
      「以下に新しいメッセージ」または「上に新しいメッセージ」通知の表示を有効にする チャットの現在のビューの下または上に新しいメッセージの通知を表示するには、このオプションを選択します。
    5. [Save (保存)] を選択します。
      ここから、チャットクライアントの色、アイコン、フォントの種類とサイズをブランドに合わせて調整できます。たとえば、次のことを行えます。
    6. チャットウィンドウのアイテムの色を変更するには、[ 色 ] タブを選択します。
      チャットウィンドウとチャットメッセージの色が表示されている [チャットのブランディングカラー (Chat branding colors)] タブ。
      アイテムを選択し、そのアイテムに使用する 16 進数または赤青緑アルファ (RGBA) カラーを指定します。これを行うと、サンプルチャットウィンドウに変更内容のプレビューが表示されます。
      表 : 1. 各アイテムの色をカスタマイズ
      ラベル 説明
      チャットウィンドウ
      チャット ヘッダー バックグラウンド チャットヘッダーの背景色。
      チャット バックグラウンド チャットウィンドウの背景色です。
      メニューアイコン 会話を終了するか、カスタマーサポートに連絡するためのユーザーオプションを提供するメニューアイコンの色。
      チャット ヘッダー フォント チャットヘッダー内のテキストのフォント色です。
      入力バックグラウンド ユーザー入力バーの背景色。
      チャットメッセージ
      ユーザー バブル バックグラウンド ユーザーチャットバブルの背景色です。
      エージェント バブル バックグラウンド ライブエージェントチャットバブルの背景色。
      ボット バブル バックグラウンド ボットチャットバブルの背景色。
      リンク 会話に表示されるリンクの色。
      ボタンバックグラウンド 会話で使用されるボタンの背景色。
      通知バックグラウンド Web チャットクライアントで配信される 仮想エージェント 通知の背景色。
      ユーザー バブル フォント ユーザーチャットバブル内のテキストのフォント色です。
      エージェント バブル フォント ライブエージェントチャットバブル内のテキストのフォント色。
      ボット バブル フォント ボットチャットバブル内のテキストのフォント色。
      リンク無効化 会話でオフになっているリンクの色。
      通知テキスト Web チャットクライアントで配信される 仮想エージェント 通知のフォント色。
      その他
      システムメッセージ 会話に表示される一般的なシステムメッセージの色。
      カテゴリバックグラウンド トピックのリストの上にある見出しの背景色。
      セパレーター プレビューウィンドウで各会話を区切る破線の色です。
      タイムスタンプ 作成中のレコードなど、会話中に重要なアクティビティが発生したときに表示されるタイムスタンプの色。
      カテゴリフォント カテゴリ見出しのテキストのフォント色です。
      アニメーションをロード中 システムが情報を処理していることを示すアニメーションドットの色。
    7. チャットウィンドウのチャットアイコンをカスタマイズするには、[ アイコン] タブを選択します。
      メインチャットウィンドウとすべてのトピックウィンドウのアイコンを表示する [チャットのブランディングアイコン (Chat branding Icons)] タブ。
      メインチャット画面、すべてのトピック画面、サポートメニュー、会話の終了画面の 4 つのチャット画面のアイコンをカスタマイズできます。このタブを使用して、次の操作を行います。
      • カスタムアイコンを追加する:アイコンの [追加 ] を選択し、 [ 画像の添付] を選択します。画像ファイルを選択したら、[ 適用] を選択します。
      • カスタムアイコンを置換する:アイコンの [置換] を選択します。ゴミ箱アイコンを選択して現在の画像を削除し、新しい画像をアップロードします。
      • システムのデフォルトアイコンに戻す:アイコンの [削除 ] を選択します。
        注:
        システムのデフォルトアイコンは削除できません。
      構成中にアイコンを指定すると、サンプルチャットウィンドウに変更内容のプレビューが表示されます。
      注:
      ブランディングページの他の設定とは異なり、[ 適用] を選択するとすぐにチャットウィジェットでアイコンの変更が有効になります。他の変更は、ページの上部にある [保存 ] を選択するまで有効になりません。

      有効なファイル形式は、.jpg、.png、.bmp、.gif、.jpeg、.ico、.svg です。

    8. オプション: フォントタイプとフォントサイズをカスタマイズします。

      利用可能なブランディング構成 (Coral Light など) はここにあります 。

      注:
      この機能は、ServiceNow® Store から Omni-Experience Standard Feature Set をインストールして最新バージョンに更新した後にのみ表示されます。
      チャットに表示されるフォントをカスタマイズするには、[ フォント] タブを選択します。

      フォントタイプを変更するには、次のいずれかの方法を選択します。

      1. 使用するフォントを選択します。
        チャットヘッダーテキストドロップダウンリストから、ヘッダーに使用するフォントを選択します。

        チャット本文のテキストについても同じ操作を行います。

        新しいフォントの例が表示されます。
      2. URL からフォントをダウンロードします。
        [ カスタムフォントを追加] ドロップダウンリストから、[ URL から] を選択し、URL を指定して変更を適用します。
      3. 添付ファイルから追加するフォントをアップロードします。
        [ カスタムフォントを追加 ] ドロップダウンリストから [ フォントのアップロード] を選択し、添付するファイルへのパスを指定して、変更を適用します。

      チャットヘッダーとチャット本文のフォントサイズを変更するには、次の手順を実行します。

      1. [ フォント本文サイズ ] ドロップダウンから、[通常]、[大]、または [特大] のフォント サイズを選択します。
      2. [ フォント ヘッダー サイズ ] ドロップダウンから、[標準]、[大]、または [特大] のフォント サイズを選択します。
        注:
        これらの変更は、チャットウィジェットに追加したカスタムコントロールには適用されません。カスタムコントロールは個別に更新する必要があります。
      3. ポータルまたは Web サイトのチャットウィンドウで変更をプレビューします。
    9. [サポートへの連絡] メニューを更新するには、[ メニュー項目 ] セクションまで下にスクロールします。
      チャット、メール、および電話の連絡先アイテムを表示するチャットのブランディングメニューアイテムセクション。

      [メール]、[チャット]、および [電話] メニューアイテムのアイコン、ラベル、可視化、および表示順序を変更できます。メニューにカスタムオプションを追加することもできます。

      1. [ メニューアイテム] セクションで、次のいずれかの操作を行います。
        • メニューアイテムを編集するには、レコードアイコンを選択します。
        • 新しいメニュー項目を追加するには、[ 新規] を選択します。
        • メニューアイテムを削除するには、レコードアイコンを選択します。レコードで、[その他のアクション] アイコン [ その他のアクション] アイコンを選択し、[ 削除] を選択します。

        各メニューエントリのフィールドに入力します。

        フィールド 説明
        ラベル メニュータイプを説明するテキスト文字列。
        グローバルアプリケーションスコープのデフォルトのメニュータイプのラベルは次のとおりです。
        • メール:デフォルトのメールを開くオプション。デフォルトのラベル: カスタマーサポートにメールを送信
        • チャット:ライブエージェントとチャットするためのオプション。デフォルトのラベル:チャットタイプの ライブエージェントに連絡 する
        • 電話:電話サポートが利用可能であることを示すオプション。デフォルトのラベル: コール サポート:(毎日午前 5 時から午後 11 時)
        ラベルテキストの長さは最大 75 文字です。
        タイプ メニューアイテムのタイプ。たとえば、ヘルプページなどの特定の情報へのリンクであるメニューアイテムを追加する場合は、[ リンク タイプ] を選択します。
        メニューアイテムのタイプは次のとおりです。
        • メール:メールでサポートに連絡するオプション。
        • リンク:Web ページへのリンクのオプション
        • チャット:チャットを介してライブエージェントに連絡するためのオプション。
        • テキスト:テキスト文字列を設定するためのオプション
        • 電話:電話でサポートに連絡するオプション
        値 メニュータイプの値。たとえば、メールの 値は サポートグループのメールアドレスです。
        デフォルトのメニュータイプの値は次のとおりです。
        • メール:サポートグループのメールアドレス。例:support@example.com。
        • 電話:電話サポート組織の電話番号。
        • メール:サポート組織のメールアドレス。
        注:
        チャットメニュータイプに値がありません。
        表示

        アイテムを [サポートへの連絡] メニューに表示するオプション。

        メニューアイテムを非表示にするには、このオプションをオフにします。
        デフォルト表示アイコン アイテムのデフォルトアイコンを示すオプションがメニューに表示されます。

        メニューアイコンを追加、変更、または削除するには、このオプションをオフにします。

        • 新しいメニュー項目のアイコンを追加するには、[ 画像を表示] を選択します。ファイルファインダーから、アイコンファイルを選択し、[ OK] を選択します。アップロードされたアイコンが [ アイコン] フィールドの下に表示されます。
        • アイコンを変更するには、[ アイコン] フィールドで [更新] を選択します。ファイルファインダーから、新しいロゴファイルを選択し、[ OK] を選択します。更新されたアイコンがこのフィールドの下に表示されます。
        • アイコンを削除するには、 ゴミ箱 アイコンを選択します。ファイルはすぐに削除されます。
        順序 [サポートへの連絡] メニューにアイテムが表示される順序を識別する番号。数字の 1 は、そのアイテムがメニューにリストされる最初のオプションであることを示します。
        アプリケーション グローバル。
      2. メニュータイプの [メニュー項目] セクションを完了したら、[ 保存] を選択します。
    10. オプション: ブランディングテーブル [sys_cs_branding_setup.list] に移動し、作成したブランディング名を選択します。
      注:
      この手順は、拡張チャットまたは拡張チャットのフルページエクスペリエンスで Now Assist を使用してアシスタントを構成する場合にのみ適用 仮想エージェント 。
      1. 選択 構成 > フォームレイアウト [他のアクション] アイコン () から。
      2. 次の [利用可能] フィールドを [選択済み] フィールドに移動し、 保存します。
        • 検索トグルボタンラベル
        • 未読会話数の表示を有効にする
        • 左パネルのヘッダーラベル
      3. 新しく追加されたフィールドを構成します。
      フィールド説明
      検索トグルボタンラベル 拡張チャットのフルページエクスペリエンスのラベルを、デフォルトの [検索] タブラベルからこのラベルに変更するオプション。
      未読会話数の表示を有効にする 会話の未読数を [チャット] アイコンに表示するオプション。
      左パネルのヘッダーラベル 拡張チャットおよび拡張チャットのフルページエクスペリエンスのラベルを、デフォルトのチャットヘッダーからこのラベルに変更するオプション。
    11. ブランディング構成を適用するには、次のいずれかを実行します。

      • ブランディング構成を サービスポータル エージェントチャット 構成に適用します。ページとウィジェットデータを エージェントチャット (仮想エージェント または ライブエージェント) 会話に渡すサーバースクリプトで、使用するブランディングキーを指定します。このスクリプトで渡されたアイテムは、ポータル内のすべてのページで使用できます。サービスポータル エージェントチャットの設定の詳細については、「ボットをポータルに追加する」を参照してください。

        たとえば、ナレッジポータルの次の サービスポータル エージェントチャット 構成では、チャットのブランディングキー custom_1を使用します。

        サービスポータルエージェントチャット構成レコードの例。
        注:
        ポータルの [ エージェントチャット] ボタンのカスタマイズ など、構成可能な他のサービスポータルエージェントチャット機能があります。サービスポータルでのエージェントチャットウィジェットのカスタマイズの詳細については、「 サービスポータルでのエージェントチャットの構成」を参照してください。

      • ブランディング構成を宛先ページに適用します。チャットウィジェット URL のブランディングキーを使用してシステムパラメーター sysparm_branding_key を入力します。たとえば、次のようになります：

        https://<your-instance-name>service-now.com/$sn-va-web-client-app.do?sysparm_branding_key=acme

        この例では、 acme は使用するブランディング構成のキーです。

      • 埋め込みチャットウィジェットにブランディング構成を適用します。埋め込みチャットウィジェットの URL のブランディングキーを使用して、システムパラメーター sysparm_branding_key を入力します。たとえば、次のようになります：

        https://<your-instance-name>service-now.com/$sn-va-web-client-app_embed.do?sysparm_branding_key=acme

        この例では、 acme は使用するブランディング構成のキーです。

    12. オプション: ブランドボットで 対話オートパイロット を使用している場合は、次のようにシステムプロパティを変更して、オートパイロットセッション中にチャットウィンドウに表示されるブランドボット名を指定します。
      1. 移動先 すべて > 対話型インターフェース > 設定.
      2. [システムアクション] セクションで、[システムメッセージ] の横にある [すべて表示] を選択します。
      3. com.glide.cs.autopilot.client_initiated_headerシステムプロパティの [値] フィールドを変更して、チャットウィンドウのヘッダーに表示される仮想エージェントボット名ではなく、ブランドボット名を指定します。
        図 : 1. チャットウィンドウのオートパイロットヘッダー
        対話オートパイロットセッション中にチャットウィンドウのヘッダーでハイライト表示されるボット名。
      4. com.glide.cs.autopilot.client_initiated_message システムプロパティを更新して、会話中に要求者に表示されるブランドボット名を指定します。
        図 : 2. 会話中のオートパイロットメッセージ
        エージェントがタスクの完了を支援する 仮想エージェント を有効にしたことをユーザーに通知する、チャットウィンドウに表示されるメッセージ。