エンゲージメントメッセンジャーの構成

エンゲージメントメッセンジャー モジュールを作成し、 その動作、外観、およびスタイル設定を構成します。メッセンジャーモジュールを作成することで、組織のブランディングに従って、顧客のニーズに合わせて外観と動作をカスタマイズできます。

始める前に

• エンゲージメントメッセンジャーアプリケーションのインストール。
• 以下のアイテムを収集または準備します。
  • ロゴとメッセンジャーランチャーアイコンの画像ファイル。画像は、.jpg、.png、.bmp、.gif、.jpeg、.ico、または .svg ファイル形式である必要があります。
  • Messenger ユーザーインターフェイスのスタイル構成を行うための、ブランディング用の色名と 16 進コード。
• 必要なロール：sn_csm_ec.ec_admin

手順

1. 移動先 すべて > Engagement Messenger > モジュール.
2. エンゲージメントメッセンジャー モジュールを作成するか、既存のモジュールを編集するかを選択します。
   • モジュールを作成するには、[新規] をクリックします。
   • 既存のモジュールを編集するには、Messenger モジュールの [モジュールの編集] 列で [編集] をクリックします。
   ガイド付き構成ビューが表示されます。
3. ガイド付き構成ビューで、モジュール、外観、動作、機能、実装間を移動します。
4. フォームのフィールドに入力します。

   表 : 1. Engagement Messenger モジュールフォーム

   フィールド	説明
   モジュール
   モジュール名	Messenger モジュールの一意の名前。
   簡単な説明	Messenger モジュールの簡単な説明。
   外観
   ロゴ	Web サイトの Messenger のヘッダーに表示されるロゴ。 推奨サイズと寸法は次のとおりです。 サイズ (バイト単位)：約 2 KB 相当 高さ (ピクセル)：30 ～ 55 幅 (ピクセル)：30 ～ 55 注: ロゴが選択されていない場合、メッセンジャーのヘッダーにデフォルトのロゴとして [ホーム] アイコン () が表示されます。
   ランチャーアイコン	Web サイトの Messenger オプションに表示されるロゴ。Web サイトでこのアイコンをクリックすると、Messenger が起動します。 推奨サイズと寸法は次のとおりです。 サイズ (バイト単位)：約 1 KB 相当 高さ (ピクセル)：24 ～ 60 幅 (ピクセル)：24 ～ 60 背景が透明な円形のアイコンを使用 注: ランチャーアイコンのグリッドサイズ範囲は、24X24 から 60X60 です。定義された範囲からの偏差は、ランチャーアイコンのサイズに合わせて自動的にスケール調整されます。
   起動アイコンの位置	Web サイト上のメッセンジャー起動アイコンの位置。
   モジュールがフルハイトに拡張できるようにする (Allow module to expand to full-height)	Messenger モジュールをブラウザータブの最高の高さまで拡張するためのオプション。
   水平マージン (ピクセル)	Messenger ランチャーアイコンを配置する位置のブラウザタブの右または左からの距離。 距離は、[起動アイコンの位置] フィールドの入力に基づいて、右または左から計算されます。 たとえば、起動アイコンの位置を [右] に、 [水平オフセット] を 50として設定した場合、ブラウザタブの右から 50 ピクセルの距離に起動アイコンが配置されます。 このフィールドに入力できる最大値は 70 ピクセルです。
   垂直マージン (ピクセル)	Messenger の起動アイコンを配置する位置のブラウザタブの下からの距離。 このフィールドに入力できる最大値は 70 ピクセルです。
   プライマリ色	Messenger のヘッダーまたはボタンのスタイルを設定するためのプライマリ色。 たとえば、この色は、[送信]、[はい]、[OK] などのユーザーアクションボタンに使用されます。
   プライマリフォント色	プライマリ色を使用する UI 要素で使用されるテキスト色。
   セカンダリ色	Messenger をスタイル設定するためのセカンダリ色。 たとえば、この色は、[キャンセル]、[いいえ] などのユーザーアクションボタンに使用されます。
   セカンダリフォント色	セカンダリ色を使用する UI 要素で使用されるテキスト色。
   第 3 の色	Messenger をスタイル設定するための第 3 の色。 たとえば、この色は、アクションが必要などのタグで顧客のケーズをマークするために使用されます。
   第 3 のフォント色	第 3 の色を使用する UI 要素で使用されるテキスト色。
   テーマ	Messenger の他のスタイル設定オプションのテーマ。 このフィールドは、自動的に CWF Engagement Messenger テーマに設定されます。 別のテーマを選択する場合は、ここで選択するテーマが特定の条件に一致していることを確認してください。詳細については、「エンゲージメントメッセンジャー モジュールテーマの要件」を参照してください。
   注: [プライマリ色]、[セカンダリ色]、または [第 3 の色] のフィールドの値がピンクなどの色の名前に設定されている場合、エンゲージメントメッセンジャー UI ではこれらの色が正しく表示できません。ワークアラウンドとして、これらの色の 16 進値を入力することができます。たとえば、 ピンクの場合は #FFC0CB を使用します。
   動作
   通知
   ランチャーアイコンの通知を有効にする	新しいメッセージを受信したときにアプリ内のポップアップ通知アラートメッセージを有効にするオプション。
   サウンドを有効にする	通知アラート音を取得するオプション。
   ブラウザータブの通知を有効にする	関連する Web ページが開かれていない場合に、ブラウザータブで通知アラートを取得するオプション。
   ユーザーの行動追跡を有効にする (Enable user behavior tracking)	エンゲージメントメッセンジャー のユーザーからのユーザーエクスペリエンスアナリティクスの収集を有効にするためのオプション 。 このオプションは、ServiceNow インスタンスでサービスポータルアナリティクスプラグイン (com.glide.service-portal.analytics) を有効にした場合にのみ利用できます。 ユーザーエクスペリエンスアナリティクス の使用の詳細については、「ユーザーエクスペリエンスアナリティクスを使用する」を参照してください。 注: ユーザーの行動追跡が有効になった後に エンゲージメントメッセンジャー モジュール名を更新した場合、ユーザーエクスペリエンスアナリティクス ダッシュボードには、更新された名前ではなく、元のモジュール名が示されます。
   アドミニストレーターは、エンゲージメントメッセンジャー の積極的推奨機能を構成できます。詳細については、「エンゲージメントメッセンジャー の積極的推奨の構成」を参照してください。
   機能
   「エンゲージメントメッセンジャー の機能構成のカスタマイズ」を参照してください。
   実装
   Web サイト URL	Messenger を展開する Web サイトの URL のカンマ区切りのリスト。 例：https://www.example.com, https://www.yourwebsiteurl.com
   認証タイプ	この埋め込み Messenger の認証タイプ。次のオプションのいずれかを選択します。 なし セキュリティアサーションマークアップ言語 (SAML) ベース Open ID Connect (OIDC) ベース Web サイトで Messenger のゲストユーザーエクスペリエンスのみを有効にする場合は、このフィールドを [なし] に設定します。 このフィールドで選択した認証タイプの ID プロバイダー (IdP) を作成していることを確認してください。詳細については、「エンゲージメントメッセンジャー の ID プロバイダー (IdP) の作成」を参照してください。
   詳細なブランディング
   ハイパーリンクのテキストの色	メッセンジャーのハイパーリンクに使用されるテキストの色。
   Navigate-back アイコン	このアイコンがメッセンジャーヘッダーに表示され、ユーザーは前のページに移動できます。アイコンのサイズは 24X24 です。
   終了アイコン	このアイコンがメッセンジャーヘッダーに表示され、ユーザーはメッセンジャーを閉じることができます。アイコンのサイズは 16X16 です。
   リスト検索アイコン	このアイコンがメッセンジャーヘッダーに表示され、リスト全体を検索できます。アイコンのサイズは 16X16 です。
   展開アイコン	このアイコンがヘッダーに表示され、ユーザーはメッセンジャーを展開して情報にアクセスできます。アイコンのサイズは 16X16 です。
   折りたたみアイコン	このアイコンがメッセンジャーヘッダーに表示され、ユーザーは展開されたメッセンジャーを折りたたむことができます。アイコンのサイズは 16X16 です。
   チャット開始アイコン	このアイコンがメッセンジャーヘッダーに表示され、ユーザーはチケットや技術者の訪問についてエージェントとのチャットを開始できます。アイコンのサイズは 16X16 です。
   フィルターメニューアイコン	このアイコンがリストページの上部に表示され、ユーザーはフィルターを適用して目的の結果を得ることができます。アイコンのサイズは 24X24 です。
   適用済みフィルターアイコン	このアイコンがリストページの上部に表示され、メッセンジャーに適用済みフィルターアイコンを表示します。アイコンのサイズは 24X24 です。
   注: 詳細なブランディング構成は、フォームビューでのみ使用できます。

5. [保存] を選択します。
6. [手順をメールで送信] を選択して、次のタスクを完了するようセキュリティアドミニストレーターに通知します。
   1. エンゲージメントメッセンジャー の ID プロバイダー (IdP) の作成。
   2. エンゲージメントメッセンジャー の CORS ルールの構成。
   3. エンゲージメントメッセンジャー の HTTP 応答ヘッダーの作成。

タスクの結果

新しいメッセンジャー構成が作成され、エンゲージメントメッセンジャー アプリケーションの [モジュール] モジュールにリストされます。

次のタスク

1. エンゲージメントメッセンジャーのプロパティ.
2. の機能を構成する エンゲージメントメッセンジャー.
3. メールコードを使用してメッセンジャーモジュールコードを開発者と共有し、Web サイトに エンゲージメントメッセンジャー を埋め込みます。
4. エンゲージメントメッセンジャー でオプションの構成として使用できる高度な書式変更は次のとおりです。
   • エンゲージメントメッセンジャー モジュールテーマの要件。サービスポータルのテーマを再利用して、Engagement Messenger の外観をカスタマイズします。
   • エンゲージメントメッセンジャー の検索結果テキストのデフォルトのフォントサイズ。