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

  • リリースバージョン: Washingtondc
  • 更新日 2024年02月01日
  • 読む4読むのに数分

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

    始める前に

    必要なロール：admin

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

    手順

    1. ナビゲーションペインに sys_properties.list と入力します。
    2. [名前] で sn_now_teams.portal.suffix プロパティを検索します。
      システムプロパティリスト
    3. [sn_now_teams.portal.suffix] をクリックします。
    4. [値] フィールドにカスタムポータルの値を入力します。
      カスタム値
    5. [更新] をクリックします。
    6. カスタムポータルを設定した後、埋め込みポータルのカスタムヘッダーを作成します。
      1. ナビゲーターペインで、「sys_response_header.list」と入力します。
      2. [新規] を選択します。
      3. [HTTP 応答ヘッダー] フォームのフィールドに入力します。
        表 : 1. HTTP 応答ヘッダー - カスタムポータル値
        フィールド 説明
        アクティブ この HTTP 応答ヘッダー設定がアクティブであることを指定するチェックボックス
        アプリケーション カスタムポータルレコードのアプリケーションスコープ
        適用先 タイプを指定します
        タイプ Service Portal [sp_portal]
        レコード カスタムポータルのレコードを選択するオプション
        名前 コンテンツセキュリティポリシー
        値 フレームアンセスター「self」 https://teams.microsoft.com
        説明 HTTP 応答ヘッダーの説明
      4. [送信] を選択します。

        ヘッダー追加の詳細については、「HTTP 応答ヘッダーの設定」を参照してください。

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

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

    始める前に

    必要なロール：管理者

    手順

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

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

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

    始める前に

    必要なロール：管理者

    手順

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