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

 Release :

    - yokohama

ft:locale :

    - ja-JP

ft:publication_title :

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

ft:clusterId :

    - emplsm

bundleId :

    - emplsm

workflow :

    - Employee


---

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

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

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

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

## 始める前に

必要なロール：アドミン

従業員センターではなくカスタムポータルを使用する場合は、埋め込みの従業員センターをカスタムポータルで置き換えて、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. カスタムポータルを設定した後、埋め込みポータルのカスタムヘッダーを作成します。  
   ヘッダー構成を追加する方法の詳細については、「[HTTP 応答ヘッダーの構成](https://www.servicenow.com/docs/access?context=configure-http-response-header&version=yokohama&pubname=yokohama-servicenow-platform&ft:locale=en-US)」を参照してください。
   1. ナビゲーターペインで、「<kbd class="ph userinput">sys_response_header.list</kbd>」と入力します。
   2. \[新規\] を選択します。
   3. 要件に基づいて、\[HTTP 応答ヘッダー\] フォームの次のフィールドに入力します。  
      * アクティブ
      * アプリケーション
      * レコード
      * 説明
      {#customize-custom-portal-employee-center-it__ul_n4z_sfn_h1c}
   4. 次のフィールド値を入力します。  
      {#customize-custom-portal-employee-center-it__table_lq5_5ct_fwb__entry__2}

      | フィールド | 値 |
      |:-|:-|
      | 適用先 | タイプを指定します |
      | タイプ | サービスポータル \[sp_portal\] |
      | 名前 | コンテンツセキュリティポリシー |
      | 値 | Frame-ancestors 'self' <https://teams.microsoft.com> 重要: すべての Microsoft 365 アプリでカスタムポータルを有効にするには、次のドメインを \[値\] フィールドに追加します。 * \*.office.com * \*.office365.com * \*.microsoft365.com * \*.cloud.microsoft {#customize-custom-portal-employee-center-it__ul_l4g_fmq_g1c} 例：<kbd class="ph userinput">Frame-ancestors 'self' https://teams.microsoft.com *.office.com *.office365.com *.microsoft365.com *.cloud.microsoft</kbd> |
      [表 : 1. \[HTTP 応答ヘッダー\] フォームのフィールド値]

      {#customize-custom-portal-employee-center-it__table_lq5_5ct_fwb}
   5. \[送信\] を選択します。
   {#customize-custom-portal-employee-center-it__substeps_kqx_3ct_fwb}

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

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

### 始める前に

com.glide.cs.advanced-chat-popover システムプロパティを false に設定してください。

必要なロール：アドミン

### 手順

1. 移動先 すべてサービスポータルCSS.  
2. 編集するカスタム CSS を選択します。
3. \[ここをクリック (click here)\] リンクを選択して CSS を編集します。  
4. 次のコードを \[CSS\] フィールドに貼り付けます。  
   注:  
   次のコード例では、`.embedded-experience .sp-ac-btn` 要素でチャットボタンを指定し、`display: none;` プロパティでこのボタンを非表示にしています。要件に基づいて、このコードをカスタマイズできます。

       /* Embedded portal */

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

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

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

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

### 始める前に

必要なロール：アドミン

### 手順

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 の \[カスタムポータル\] タブを更新します。