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


---

# ServiceNow コンポーネントインスタンスの構成

# ServiceNow コンポーネントインスタンスの構成 {#ariaid-title1}

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

ユーザーがコンポーネントを Web サイトに埋め込み、コンポーネント関連データにリアルタイムでアクセスできるように、コンポーネントインスタンスを構成します。

## 始める前に

コンポーネントインスタンスを構成するには ServiceNow 次のセットアップが必要です。

* インスタンスで Web 埋め込み可能 を有効にします。詳細については、「[Web 埋め込み可能 のアクティブ化](https://servicenow-prod.fluidtopics.net/3DKvoXXZsHZc4u08RQRTQQ "カスタマーサービス (sn_cx_components) の ServiceNow コンポーネント、ゲストの Web コンポーネント (sn_guest_component)、および Web 埋め込み可能コア (sn_embeddable_core) を有効にして、インスタンスで Web 埋め込み可能 を有効にすることができます。このアプリケーションは、まだインストールされていない関連プラグインを確立します。")」を参照してください。
* [カスタム URL をインスタンス URL として設定](https://servicenow-prod.fluidtopics.net/wS0HjuvEaanOh7TGO_kH7Q "使用するインスタンス構成に、ServiceNow URL の代わりにカスタム URL を追加します。このカスタム URL により、サードパーティの Cookie がオフになっている場合でも、ブラウザで埋め込みコンポーネントに引き続きアクセスできるようになります。")
* OpenID Connect (OIDC) 認証または非 OIDC 認証を使用して、 ServiceNow コンポーネントを認証します。詳細については、「[OIDC を使用した ServiceNow コンポーネントの認証](https://servicenow-prod.fluidtopics.net/ddfwYpuYBuQ8FHVjg_URrA "OpenID Connect (OIDC) 認証を使用して自動ログインとログアウトを設定し、Web サイトや埋め込みコンポーネントで単一のログイン/ログアウトや同時ログイン/ログアウトを行えるようにします。")」と「[ServiceNow コンポーネントの非 OIDC 認証](https://servicenow-prod.fluidtopics.net/oUu5w6cTytujPpcjcjZshg "Web サイトで OpenID Connect (OIDC) 認証を使用しない場合は、JSON Web トークン (JWT) トークンを生成して ServiceNow コンポーネントを認証します。")」を参照してください。
{#configure-servicenow-web-components-instance__ul_brf_cqf_ccc}

必要なロール:sn_embeddable_core.emb_admin

## このタスクについて

この手順では、コンポーネントインスタンスを設定するために従う必要がある Web 埋め込み可能 手順の概要を説明します。

## 手順

1. 移動先 すべてWeb 埋め込み可能ホームページ.
2. ホームページで、\[ モジュールの作成 \] を選択するか、既存のモジュールを使用します。  
   新しいモジュールの作成方法の詳細については、「 [モジュールを作成](https://servicenow-prod.fluidtopics.net/dDeTk~6YSf1NJjA_4gpmpQ "Web サイトで使用されるコンポーネントインスタンスを管理するためのモジュールを作成します。モジュールを作成するか、構築済みのモジュールを使用して要件に応じて編集することができます。")」を参照してください。
3. モジュールページの \[コンポーネント\] タブで、グループを作成し、コンポーネントインスタンスを追加します。  
   グループを作成してコンポーネントインスタンスを追加する方法の詳細については、「 [グループの作成とコンポーネントインスタンスの追加](https://servicenow-prod.fluidtopics.net/TmdEAY0orFj5nCaIhB5y2A "ページやセクションなどのサードパーティの Web サイト構造をモデル化するグループを作成します。デフォルトのグループを使用するか、新しいグループを作成して、そのページまたはセクションのコンポーネントインスタンスを管理します。")」を参照してください。
4. **オプション:** \[ 静的プレビューを表示 \] オプションを切り替えて、ライブプレビューが利用できないときにコンポーネントの視覚的表現を表示します。  
   注:  
   \[静的プレビューを表示\] オプションは、\[データ可視化\] コンポーネントでは使用できません。
5. コンポーネントインスタンスのプロパティを構成します。  
   \[プレビュー\] タブには、コンポーネントプロパティで設定された選択肢に従ってリアルタイムデータが表示されます。
6. \[ CORS ルール \] タブを選択して、CORS ルールを構成します。  
   CORS ルールの構成の詳細については、「 [ServiceNowコンポーネントを埋め込む前に CORS (クロスオリジンリソース共有) ルールを構成する](https://servicenow-prod.fluidtopics.net/myQcJ8PC1kM9u7dlhnsbCw "ServiceNow コンポーネントと Web コンポーネントを埋め込む Web サイト間のクロスドメイン要求を有効にするように CORS ルールを設定します。")」を参照してください。
7. \[コンポーネント\] タブを選択します。
8. \[埋め込みコードの取得\] を選択します。  
   グローバルコードとコンポーネントコードの両方を表示するポップアップウィンドウが表示されます。
9. \[グローバル コード\] タブで、生成されたコードを確認し、\[ グローバル コードのコピー\] を選択します。  
   グローバルコードは、サードパーティの Web サイトに一度追加する必要があります。
10. \[コンポーネントコード\] タブで、生成されたコードを確認し、\[ コンポーネントコードをコピー\] を選択します。
11. **オプション:** \[コンポーネントコード\] タブで、\[イベントハンドラーを有効化 (Enable event handler)\] トグルスイッチをスライドさせて、Web ページでのユーザーのインタラクションによってトリガーされるイベントを処理します。  
    注:  
    イベントハンドラーを有効にすると、コンポーネントコードも変更されます。

## タスクの結果

グローバルコードとコンポーネントコードをサードパーティアドミンと共有して、サードパーティの Web ページにコンポーネントインスタンスを埋め込む準備ができました。

## 次のタスク

[サードパーティ Web サイトに ServiceNow コンポーネントインスタンスを埋め込む](https://servicenow-prod.fluidtopics.net/m4MgZtdbo3s6ezO6Zl4wpQ "顧客がサードパーティの Web サイトでコンポーネントインスタンスの使用を開始できるように、インスタンスで構成したコンポーネントのグローバルコードとコンポーネントコードを埋め込みます。")