---
sourceDocument: オーストラリアのカスタマーサービス管理 (CSM)
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/ja-JP/customer-service-management

 Release :

    - australia

ft:locale :

    - ja-JP

ft:publication_title :

    - オーストラリアのカスタマーサービス管理 (CSM)

ft:clusterId :

    - csm

bundleId :

    - csm

workflow :

    - Customer and Industry


---

# AEM ページに ServiceNow ケースを表示する

# Adobe Experience Manager ページに ServiceNow ケースを表示 {#ariaid-title1}

* リリースバージョン: Australia
* 
* 更新日 2023年08月03日
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 所要時間：7分

Adobe Experience Manager (AEM) 内で利用可能なケースコンポーネントを使用して、カスタマーサービスケースに ServiceNow インスタンスからアクセスし、AEM ベースの Web サイトで表示します。

## 始める前に

ケース API および CSM 添付ファイル API に AEM インスタンスからアクセスするためのクロスオリジンリソース共有 (CORS) ルールを定義します。詳細については、「[AEM から ServiceNow API エンドポイントにアクセスするためのクロスオリジンリソース共有ルール (CORS) を定義します](https://servicenow-prod.fluidtopics.net/f6WdY67st2khR6ddC7ooWQ#aem-set-cors-rules "ServiceNow インスタンスのクロスオリジンリソース共有ルール (CORS) を定義して、Adobe Experience Manager (AEM) インスタンスからナレッジ管理 REST API、ケース API、または CSM 添付ファイル API にアクセスします。")」を参照してください。

必要なロール：AEM 作成者

## このタスクについて

ケース REST API を使用すると、カスタマーサービスケースレコードを作成、取得、および更新することができます。詳細については、「[ケース API](https://www.servicenow.com/docs/access?context=case-api&version=australia&pubname=australia-api-reference&ft:locale=en-US)」を参照してください。

CSM 添付ファイル API を使用すると、カスタマーサービスケースに関連付けられた添付ファイルをアップロード、ダウンロード、削除したり、添付ファイルのメタデータを取得したりすることができます。詳細については、 「[CSM 添付ファイル API](https://www.servicenow.com/docs/access?context=attachment_csm-api&version=australia&pubname=australia-api-reference&ft:locale=en-US)」を参照してください。

## 手順

1. AEM インスタンスにログインします。
2. AEM ページを[編集モード](https://helpx.adobe.com/in/experience-manager/6-5/sites/authoring/using/author-environment-tools.html#main-pars_title_20)で開きます。
3. [コンポーネントブラウザ](https://helpx.adobe.com/in/experience-manager/6-5/sites/authoring/using/author-environment-tools.html#main-pars_title_17)を開きます。
4. \[すべて\] リストから、\[ServiceNow\] を選択します。
5. コンポーネントをページの必要な位置にドラッグします。  
   注:  
   コンポーネントが利用できない場合、ケースコンポーネントを含めるようにテンプレート構成を更新してください。また、サイトテンプレートのプロパティを変更して、各ケースコンポーネントを許可されたコンポーネントのリストに追加する必要があります。
6. [編集するコンポーネントダイアログ](https://helpx.adobe.com/in/experience-manager/6-5/sites/authoring/using/editing-content.html#ComponentEditDialog)を開きます。  
   注:  
   AEM のページで編集モードのケースコンポーネントには、パブリックユーザーを含むすべてのユーザーがアクセスできます。パブリックユーザーは、ログインしていない匿名の AEM ユーザーです。
7. ServiceNow インスタンスのすべてのオープンカスタマーサービスケースを列カードとして表示するには、ケースカードコンポーネントプロパティを設定します。  
   {#aem-display-case-components__table_kx2_4q2_tkb__entry__2}{#aem-display-case-components__component-title-desc}{#aem-display-case-components__component-column-label-desc}{#aem-display-case-components__component-case-list-desc2}{#aem-display-case-components__component-view-case-desc2}{#aem-display-case-components__component-custom-css-desc}

   | プロパティ | 説明 |
   |-|-|
   | 役職 | AEM ページに表示されるこのコンポーネントのタイトル。 |
   | ラベルパラメーター | ケース \[sn_customerservice_case\] テーブル列のカンマ区切りラベルのパラメーター。各パラメーターは、「<var class="keyword varname">ラベル</var>:<var class="keyword varname">列</var>」の形式で指定します。<var class="keyword varname">ラベル</var>にコンポーネントが表示されます。<var class="keyword varname">列</var>は、ケース \[sn_customerservice_case\] テーブルの列の名前です。 例：番号:番号,優先度:優先度,製品:製品 |
   | ケースリストページの URL | リダイレクト先のケースリストの相対 URL。 例：/content/servicenow/en/now_case_list.html |
   | ケースビューページ URL | リダイレクト先のケースビューの相対 URL。 例：/content/servicenow/en/now_case_view.html |
   | ケースのないコンポーネントを非表示にする | 表示するケースがない場合は、コンポーネントを非表示にするオプション。 |
   | カスタム CSS クラス | カスタムスタイルをこのコンポーネントに適用するためのカスタム CSS クラス。詳細については、「[AEM の ServiceNow コンポーネントの色をカスタマイズする](https://servicenow-prod.fluidtopics.net/zm4gYwMWYFsj9xL5JYw4ow#aem-style-components "Adobe Experience Manager (AEM) の ServiceNow コンポーネントの見た目を、色を指定して定義できます。")」を参照してください。 |
   [表 : 1. ケースカードコンポーネントプロパティ]

   {#aem-display-case-components__table_kx2_4q2_tkb}
8. ユーザーに対して新しいケースコンポーネントプロパティを設定し、AEM ページから ServiceNow インスタンスでカスタマーサービスケースを作成します。  
   {#aem-display-case-components__table_abr_rbk_cmb__entry__2}{#aem-display-case-components__slider-desc}

   | プロパティ | 説明 |
   |-|-|
   | 役職 | AEM ページに表示されるこのコンポーネントのタイトル。 |
   | 簡単な説明ラベル | ケースの簡単な説明を入力するフィールドのラベル。 |
   | 説明ラベル | ケースの説明を入力するフィールドのラベル。 |
   | 製品ラベル | 製品リストのラベルとプレースホルダーテキストを定義する、セミコロンで区切られたパラメーター。 |
   | 資産ラベル | 資産リストのラベルとプレースホルダーテキストを定義する、セミコロンで区切られたパラメーター。 |
   | リストアイテム数 | 製品および資産リストに含めることができるアイテムの最大数。 値を増減するには、増加アイコンまたは減少アイコンを使用します。また、値は手動で入力できます。値は <kbd class="ph userinput">1</kbd> より大きい値でなければなりません。 |
   | 資産を表示 | コンポーネントの資産リストを表示するオプション。 |
   | ケースリストページの URL | リダイレクト先のケースリストの相対 URL 例：/content/servicenow/en/now_case_list.html |
   | ケースビューページ URL | リダイレクト先のケースビューの相対 URL 例：/content/servicenow/en/now_case_view.html 注: ケース作成ウィンドウからケースビューページに移動するには、このプロパティの値を入力する必要があります。 |
   | 添付ファイルのサイズ制限 (MB) | ケースに追加できる添付ファイルの最大サイズの制限。 |
   | カスタム CSS クラス | カスタムスタイルをこのコンポーネントに適用するためのカスタム CSS クラス。詳細については、「[AEM の ServiceNow コンポーネントの色をカスタマイズする](https://servicenow-prod.fluidtopics.net/zm4gYwMWYFsj9xL5JYw4ow#aem-style-components "Adobe Experience Manager (AEM) の ServiceNow コンポーネントの見た目を、色を指定して定義できます。")」を参照してください。 |
   [表 : 2. 新しいケースコンポーネントプロパティ]

   {#aem-display-case-components__table_abr_rbk_cmb}
9. ServiceNow インスタンスからのカスタマーサービスケースとコメント、添付ファイル (存在する場合) を表示するために、\[ケースビュー\] コンポーネントプロパティを設定します。  
   {#aem-display-case-components__table_tfp_h4q_tkb__entry__2}

   | プロパティ | 説明 |
   |-|-|
   | ケースパラメーター | ケース番号の URL クエリパラメーターの名前。 例：<kbd class="ph userinput">case_no</kbd> |
   | ラベルパラメーター | ケース \[sn_customerservice_case\] テーブル列のカンマ区切りラベルのパラメーター。各パラメーターは、「<var class="keyword varname">ラベル</var>:<var class="keyword varname">列</var>」の形式で指定します。<var class="keyword varname">ラベル</var>にコンポーネントが表示されます。<var class="keyword varname">列</var>は、ケース \[sn_customerservice_case\] テーブルの列の名前です。 例：番号:番号,優先度:優先度,製品:製品 |
   | アクティビティカウント | \[アクティビティ\] タブに表示されるコメントや添付ファイルなどのアクティビティの最大数。 値を増減するには、増加アイコンまたは減少アイコンを使用します。また、値は手動で入力できます。値は <kbd class="ph userinput">1</kbd> より大きい値でなければなりません。 |
   | 添付ファイルのサイズ制限 (MB) | ケースに追加できる添付ファイルの最大サイズの制限。 値を増減するには、増加アイコンまたは減少アイコンを使用します。また、値は手動で入力できます。値は <kbd class="ph userinput">1</kbd> より大きい値でなければなりません。 |
   | 記事ページの URL | リダイレクト先の記事ページの相対 URL 例：/content/servicenow/en/now_article_view.html 注: ケースに記事リンクが含まれている場合は、ケースからナレッジ記事ビューページに移動するために、このプロパティの値を入力する必要があります。 |
   | カスタム CSS クラス | カスタムスタイルをこのコンポーネントに適用するためのカスタム CSS クラス。詳細については、「[AEM の ServiceNow コンポーネントの色をカスタマイズする](https://servicenow-prod.fluidtopics.net/zm4gYwMWYFsj9xL5JYw4ow#aem-style-components "Adobe Experience Manager (AEM) の ServiceNow コンポーネントの見た目を、色を指定して定義できます。")」を参照してください。 |
   [表 : 3. ケースビューコンポーネントプロパティ]

   {#aem-display-case-components__table_tfp_h4q_tkb}
10. カスタマーサービスケースのリストを表示するには、\[ケースリスト\] コンポーネントのプロパティを設定します。  
    {#aem-display-case-components__table_ywq_wbr_tkb__entry__2}

    | プロパティ | 説明 |
    |-|-|
    | 役職 | AEM ページに表示されるこのコンポーネントのタイトル。 |
    | ラベルパラメーター | ケース \[sn_customerservice_case\] テーブル列のカンマ区切りラベルのパラメーター。各パラメーターは、「<var class="keyword varname">ラベル</var>:<var class="keyword varname">列</var>」の形式で指定します。<var class="keyword varname">ラベル</var>にコンポーネントが表示されます。<var class="keyword varname">列</var>は、ケース \[sn_customerservice_case\] テーブルの列の名前です。 例：番号:番号,優先度:優先度,製品:製品 |
    | ケースカウント | コンポーネントに表示する最大ケース数。 値を増減するには、増加アイコンまたは減少アイコンを使用します。また、値は手動で入力できます。値は <kbd class="ph userinput">1</kbd> より大きい値でなければなりません。 このフィールドに入力できる最大値は 50 です。 |
    | ケース作成を表示 | コンポーネントにケースを作成するボタンを表示するオプション。 |
    | ケース作成ボタンのラベル | ケースを作成するボタンのラベル。 |
    | ケース作成ページの URL | リダイレクト先のケース作成ページの相対 URL。 例：/content/servicenow/en/now_case_create.html |
    | ケースビューページ URL | リダイレクト先のケースビューの相対 URL。 例：/content/servicenow/en/now_case_view.html |
    | カスタム CSS クラス | カスタムスタイルをこのコンポーネントに適用するためのカスタム CSS クラス。詳細については、「[AEM の ServiceNow コンポーネントの色をカスタマイズする](https://servicenow-prod.fluidtopics.net/zm4gYwMWYFsj9xL5JYw4ow#aem-style-components "Adobe Experience Manager (AEM) の ServiceNow コンポーネントの見た目を、色を指定して定義できます。")」を参照してください。 |
    [表 : 4. ケースリストコンポーネントプロパティ]

    {#aem-display-case-components__table_ywq_wbr_tkb}
{#aem-display-case-components__steps_vqd_flt_flb}