---
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


---

# ポータルデータリストウィジェットの追加と構成

# ポータルデータリストウィジェットの追加と構成 {#ariaid-title1}

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

ポータルデータリストウィジェットをポータルに追加し、そのデータ、表示、および動作を変更します。ポータルデータリストウィジェットを使用して、さまざまなケース関連データをカード形式またはリスト形式でポータルに表示できます。

## 始める前に

UI Components for Customer Portals プラグインがアクティブ化されている必要があります。詳細については、「[UI Components for Customer Portals プラグインのアクティブ化](https://servicenow-prod.fluidtopics.net/~YIqZCUvk_9ai1A_6cyivg "UI Components for Customer Portals プラグイン (sn_ciwf_ui_cmpnt) をアクティブ化すると、構成可能なポータルウィジェットを有効にすることができます。このアプリケーションは、まだインストールされていない関連するプラグインをインストールします。")」を参照してください。

ウィジェットを追加するページをまだ作成していない場合は、「[構成可能なポータルウィジェットのページの作成](https://servicenow-prod.fluidtopics.net/K5kw12h9OFLNz4zaZkqAKA "構成可能なポータルウィジェットを追加できるページを作成します。")」を参照してください。

必要なロール：sp_admin

## 手順

1. 移動先: すべてサービスポータルサービスポータル構成.
2. \[デザイナー\] を選択します。
3. サービスポータルデザイナーのページで、ウィジェットを追加するページを検索して選択します。
4. \[ウィジェット\] タブを選択します。
5. \[レイアウト\] セクションで、コンテナレイアウトをポータル編集ページ上にドラッグします。
6. コンテナ上で、プラスボタン (![プラスボタン]()) を選択して列のセットを追加します。
7. \[ウィジェット\] ペインの \[フィルターウィジェット\] フィールドに「<kbd class="ph userinput">ポータルデータリスト</kbd>」と入力します。
8. ウィジェットをコンテナ上にドラッグします。
9. \[編集\] ページで、ポータルデータリストウィジェットを選択します。
10. 鉛筆アイコン (![鉛筆アイコン]()) を選択します。
11. \[インスタンスオプション\] ページの \[データ\] フィールドで、次の JSON コードを貼り付けて更新し、リストを構成します。  

        [
          {
            "category": "All Cases",
            "ID": "all_cases",
            "table": "sn_customerservice_case",
            "view": "csp",
            "card_view_primary_column": "number",
            "card_view_secondary_column": "short_description",
            "card_view_additional_columns": "product|contact|account|priority",
            "target_page_id": "standard_ticket",
            "guest_view": "connect"
            "role_based_views":{
        	  "field_service_agent_view":"snc_field_technician",
        	  "agent_case_view":["snc_customer_service_agent","snc_manager"]
             },
             "sub_categories": [
              {
                "sub_category": "Open",
                "sub_category_query": "active=true"
              },
              {
                "sub_category": "Closed",
                "sub_category_query": "active=false"
              }
            ],
            "run_time_filters": [
              {
                "column": "product",
                "selection_type": "multi_select"
              },
              {
                "column": "contact",
                "selection_type": "multi_select"
              },
              {
                "column": "account",
                "selection_type": "multi_select"
              },
              {
                "column": "priority",
                "selection_type": "multi_select"
              },
              {
                "column": "state",
                "selection_type": "multi_select"
              },
              {
                "column": "sys_updated_on",
                "selection_type": "single_select",
                "ranges": [
                  {
                    "label": "Last 30 days",
                    "query": "sys_updated_on<=javascript:gs.endOfToday()^sys_updated_onRELATIVEGT@dayofweek@ago@30"
                  },
                  {
                    "label": "Last 60 days",
                    "query": "sys_updated_on<=javascript:gs.endOfToday()^sys_updated_onRELATIVEGT@dayofweek@ago@60"
                  },
                  {
                    "label": "Last 90 days",
                    "query": "sys_updated_on<=javascript:gs.endOfToday()^sys_updated_onRELATIVEGT@dayofweek@ago@90"
                  },
                  {
                    "label": "Before 90 days",
                    "query": "sys_updated_onRELATIVELT@dayofweek@ago@90"
                  }
                ]
              }
            ]
          },
          {
            "category": "Actions Needed",
            "table": "sn_customerservice_case",
            "view": "Case",
            "card_view_primary_column": "number",
            "card_view_secondary_column": "short_description",
            "card_view_additional_columns": "product|priority|state|contact",
            "filter": "stateIN6,18",
            "glyph": "check",
            "target_page_id": "csm_ticket"
          },
          {
            "category": "Work Orders",
            "table": "wm_order",
            "card_view_primary_column": "number",
            "card_view_secondary_column": "short_description",
            "card_view_additional_columns": "priority|state",
            "glyph": "briefcase"
          }
        ]

    詳細については、「[ポータルデータリストウィジェットの JSON パラメーター](https://servicenow-prod.fluidtopics.net/OghCncEI0h6nfCgq5n42JA "JSON パラメーターは、ポータルページ上のポータルデータリストウィジェットの要素を定義します。")」を参照してください。

    ウィジェットの各カテゴリには、選択したテーブルからフィルタリングされたレコードのリストが表示されます。デフォルトは、ケース \[sn_customerservice_case\] テーブルです。カテゴリでは、pre_defined_filters パラメーターを使用して、レコードをさらにフィルタリングしてタブに表示できます。run_time_filters パラメーターを使用して、フィルターアイコンに表示されるフィルターオプションを構成することもできます。
12. インスタンスフォームの各フィールドに入力します。  
    フィールド値の説明については、「[ポータルデータリストウィジェットインスタンスのオプションフォーム](https://servicenow-prod.fluidtopics.net/gkmObTsNwXjNYNt_e4LL9Q "インスタンスオプションを使用すると、ポータルページでポータルデータリストウィジェットを構成できます。")」を参照してください。
13. \[保存\] を選択します。