---
sourceDocument: Xanadu 従業員サービス管理 (ESM)
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/ja-JP/xanadu/employee-service-management

 Release :

    - xanadu

ft:locale :

    - ja-JP

ft:publication_title :

    - Xanadu 従業員サービス管理 (ESM)

ft:clusterId :

    - emplsm

bundleId :

    - emplsm

workflow :

    - Employee


---

# カスタムポータルの埋め込み

# カスタムポータルの埋め込み {#ariaid-title1}

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

システムプロパティを設定して、Microsoft Teams の \[従業員センター\] タブを置き換えるカスタムポータルを埋め込みます。このカスタムポータルは、Microsoft Teams の \[従業員センター\] タブに表示されます。

## 始める前に

必要なロール：admin

従業員センターではなくカスタムポータルを使用する場合は、埋め込みの従業員センターをカスタムポータルで置き換えて、Microsoft Teams 内でアクセスできるようにできます。次の手順では、ポータルを埋め込むための設定を行います。

## 手順

1. ナビゲーションペインに <kbd class="ph userinput">sys_properties.list</kbd> と入力します。
2. \[名前\] で <kbd class="ph userinput">sn_now_teams.portal.suffix</kbd> プロパティを検索します。  
3. \[sn_now_teams.portal.suffix\] をクリックします。
4. \[値\] フィールドにカスタムポータルの値を入力します。  
5. \[更新\] をクリックします。
6. カスタムポータルを設定した後、埋め込みポータルのカスタムヘッダーを作成します。
   1. ナビゲーターペインで、「<kbd class="ph userinput">sys_response_header.list</kbd>」と入力します。
   2. \[新規\] を選択します。
   3. \[HTTP 応答ヘッダー\] フォームのフィールドに入力します。  
      {#customize-custom-portal-employee-center-it__table_lq5_5ct_fwb__entry__2}

      | フィールド | 説明 |
      |:-|:-|
      | アクティブ | この HTTP 応答ヘッダー設定がアクティブであることを指定するチェックボックス |
      | アプリケーション | カスタムポータルレコードのアプリケーションスコープ |
      | 適用先 | タイプを指定します |
      | タイプ | サービスポータル \[sp_portal\] |
      | レコード | カスタムポータルのレコードを選択するオプション |
      | 名前 | コンテンツセキュリティポリシー |
      | 値 | フレームアンセスター「self」 <https://teams.microsoft.com> |
      | 説明 | HTTP 応答ヘッダーの説明 |
      [表 : 1. HTTP 応答ヘッダー - カスタムポータル値]

      {#customize-custom-portal-employee-center-it__table_lq5_5ct_fwb}
   4. \[送信\] を選択します。  
      ヘッダー追加の詳細については、「[HTTP 応答ヘッダーの設定](https://www.servicenow.com/docs/access?context=configure-http-response-header&version=xanadu&pubname=xanadu-servicenow-platform&ft:locale=en-US)」を参照してください。
   {#customize-custom-portal-employee-center-it__substeps_kqx_3ct_fwb}

## カスタムポータルでチャットボタンを非表示にする {#ariaid-title2}

Microsoft Teams の \[従業員センター\] タブに表示される、カスタムポータルのチャットオプションは非表示にすることができます。

### 始める前に

必要なロール：admin

### 手順

1. 移動先 すべてサービスポータルCSS.  
2. \[カスタム CSS\] をクリックします。
3. CSS を編集するにはここをクリックします。  
4. 必要に応じて次のコードをカスタマイズし、CSS に貼り付けます。  

       /* Embedded portal */

       The code shared to disable chat button is an example. You need to customize as required to disable chat button.

       .embedded-experience .sp-ac-btn {
               display: none;
             }

5. \[更新\] をクリックします。
6. Microsoft Teams の \[カスタムポータル\] タブを更新します。

## カスタムポータルでログアウトボタンを非表示にする {#ariaid-title3}

Microsoft Teams の \[従業員センター\] タブに表示される、カスタムポータルのログアウトオプションは非表示にすることができます。

### 始める前に

必要なロール：admin

### 手順

1. 移動先 すべてサービスポータルCSS.  
2. \[カスタム CSS\] をクリックします。
3. CSS を編集するにはここをクリックします。  
4. Microsoft Teams デスクトップアプリケーションからログアウトボタンを無効にするには、次を実行します。  
   必要に応じて次のコードをカスタマイズし、CSS に貼り付けます。  

       /* Embedded portal */

       /*The code shared to disable the logout button is an example. You need to customize as required to disable logout button.*/

       .embedded-experience .avatar-drop-down .header-menu-item:last-child {
               display: none;
             }

5. Microsoft Teams モバイルアプリケーションからログアウトボタンの無効にするには、次を実行します。  
   必要に応じて次のコードをカスタマイズし、CSS に貼り付けます。  


       /* Embedded portal */

       /*The code shared to disable logout button is an example. You need to customize as required to disable logout button.*/

       .embedded-experience .impersonate-and-logout {
                 div > ul > li:last-child {
                   display: none !important;
                }
             }

6. \[更新\] をクリックします。
7. Microsoft Teams の \[カスタムポータル\] タブを更新します。