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

  • リリースバージョン: Australia
  • 更新日 2026年03月12日
  • 所要時間：4分

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

    始める前に

    必要なロール：admin

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

    手順

    1. ナビゲーションペインに sys_properties.list と入力します。
    2. [名前] で sn_now_teams.portal.suffix プロパティを検索します。
      システムプロパティリスト
    3. [sn_now_teams.portal.suffix] を選択します。
    4. [値] フィールドにカスタムポータルの値を入力します。
      カスタム値
    5. [更新] を選択します。
    6. カスタムポータルを設定した後、埋め込みポータルのカスタムヘッダーを作成します。

      ヘッダー構成を追加する方法の詳細については、「HTTP 応答ヘッダーの構成」を参照してください。

      1. ナビゲーターペインで、「sys_response_header.list」と入力します。
      2. [新規] を選択します。
      3. 要件に基づいて、[HTTP 応答ヘッダー] フォームの次のフィールドに入力します。
        • アクティブ
        • アプリケーション
        • レコード
        • 説明
      4. 次のフィールド値を入力します。
        表 : 1. [HTTP 応答ヘッダー] フォームのフィールド値
        フィールド 値
        適用先 タイプを指定します
        タイプ サービスポータル [sp_portal]
        名前 コンテンツセキュリティポリシー
        値 Frame-ancestors 'self' https://teams.microsoft.com
        重要:

        すべての Microsoft 365 アプリでカスタムポータルを有効にするには、次のドメインを [値] フィールドに追加します。

        • *.office.com
        • *.office365.com
        • *.microsoft365.com
        • *.cloud.microsoft

        例：Frame-ancestors 'self' https://teams.microsoft.com *.office.com *.office365.com *.microsoft365.com *.cloud.microsoft
      5. [送信] を選択します。

    カスタムポータルでチャットボタンを非表示にする

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

    始める前に

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

    必要なロール：admin

    手順

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

.embedded-experience .sp-ac-btn {
        display: none;
      }
    5. [更新] を選択します。
    6. Microsoft Teams の [カスタムポータル] タブを更新します。

    カスタムポータルでログアウトボタンを非表示にする

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

    始める前に

    必要なロール：admin

    手順

    1. 移動先 すべて > サービスポータル > CSS.
      CSS リスト
    2. [カスタム CSS] をクリックします。
    3. CSS を編集するにはここをクリックします。
      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 の [カスタムポータル] タブを更新します。