設定公司商標

  • 發行項

當使用者向公司內部網路或 Web 應用程式進行驗證時，Microsoft Entra ID 會提供身分識別和存取管理 （IAM） 服務。 您可以新增適用於所有這些體驗的公司商標，為您的使用者建立一致的登入體驗。

默認的登入體驗是適用於所有登入租使用者的全域外觀和風格。 在您自定義任何設定之前，預設的 Microsoft 商標會出現在您的登入頁面中。 您可以使用自訂背景影像或色彩、favicon、版面配置、頁首和頁尾來自定義此預設體驗。 您也可以上傳自定義 CSS 檔案。

注意

如需如何管理 「保持登入提示？」 的指示，請參閱 管理「保持登入？」提示 文章。

必要條件

新增自定義商標需要下列其中一個授權：

Microsoft Entra ID P1 或 P2 版本適用於使用全球 Microsoft Entra ID 實例的中國客戶。 中國 21Vianet 營運的 Azure 服務目前不支援 Microsoft Entra ID P1 或 P2 版本。

組織商標 管理員 角色是自定義公司商標所需的最低角色。

開始之前

所有商標元素都是選擇性的。 如果保留不變，則預設設定會維持不變。 例如，如果您指定橫幅標誌但沒有背景影像，則登入頁面會顯示您的標誌，其中包含來自目的地網站的預設背景影像，例如 Microsoft 365。 此外，登入頁面商標不會延續至個人 Microsoft 帳戶。 如果您的使用者或來賓使用個人 Microsoft 帳戶進行驗證，登入頁面不會反映貴組織的商標。

映射有不同的映像和檔案大小需求。 建議您在 Microsoft Entra 系統管理中心檢閱公司商標程式，以收集您需要的映像需求。 您可能需要使用相片編輯器來建立正確的影像大小。 所有影像的慣用映像類型為 PNG，但接受 JPG。

搭配 Microsoft Entra 公司商標使用 Microsoft Graph。 您可以在端點和資源organizationalBranding類型上使用 /beta Microsoft Graph 來檢視和管理公司商標。 如需詳細資訊，請參閱 組織商標 API 檔。

下列範例會呼叫商標元素。 影像之後會提供文字描述。

登入頁面的螢幕快照，其中已醒目提示每個公司商標元素。

  1. Favicon： 出現在瀏覽器索引標籤左側的小圖示。
  2. 標頭： 登入頁面頂端的空間，位於標頭記錄檔後面。
  3. 頁首標誌： 出現在登入頁面左上角的標誌。
  4. 背景影像： 登入方塊後面的整個空間。
  5. 頁面背景色彩： 登入方塊後面的整個空間。
  6. 橫幅標誌： 出現在登入方塊頂端的標誌
  7. 登入頁面標題： 橫幅標誌下方顯示的較大文字。
  8. 登入頁面描述： 描述登入頁面的文字。
  9. 使用者名稱提示和文字： 使用者輸入其資訊之前出現的文字。
  10. 自助式密碼重設： 您可以在密碼重設的登入頁面文字下方新增連結。
  11. 登入頁面文字： 您可以在使用者名稱欄位下方新增的文字。
  12. 頁尾鏈接：隱私權和 Cookie： 您可以新增至右下角的連結以取得隱私權資訊。
  13. 頁尾：使用規定： 頁面右下角的文字，您可以在其中新增使用規定資訊。
  14. 頁尾： 頁面底部的空間，以取得隱私權和使用規定資訊。
  15. 範本： 頁面和登入方塊的配置。

如何流覽公司商標程式

提示

本文中的步驟可能會根據您從開始的入口網站稍有不同。

  1. 以組織商標 管理員 istrator 身分登入 Microsoft Entra 系統管理中心。

  2. 流覽至身分>識別用戶體驗>公司商標。

    • 如果您目前有自定義的登入體驗，則可以使用 [ 編輯 ] 按鈕。

    [自定義商標登陸] 頁面的螢幕快照，側邊功能表中醒目提示 [公司商標] 和 [設定] 按鈕。

登入體驗程式會分組成區段。 在每個區段結束時，選取 [ 檢閱 + 建立] 按鈕，以檢閱您選取的專案並提交變更，或 [下一步 ] 按鈕移至下一節。

[檢閱 + 建立] 和 [下一步：設定自定義商標] 頁面底部的版面配置按鈕螢幕快照。

基本概念

  • Favicon： 選取出現在網頁瀏覽器索引標籤中的標誌 PNG 或 JPG。

    • 影像大小：32x32 圖元
    • 檔案大小上限：5 KB

    網頁瀏覽器中範例 favicons 的螢幕快照。

  • 背景影像： 選取 PNG 或 JPG，以在登入頁面上顯示為主要影像。 此影像會根據視窗大小進行調整和裁剪，但登入提示可能會部分封鎖它。

    • 影像大小：1920x1080 px
    • 檔案大小上限：300 KB

  • 頁面背景色彩： 如果背景影像因連線速度較慢而無法載入，則會改為顯示選取的背景色彩。

版面配置

  • 視覺範本： 使用範本或自定義 CSS 檔案自定義登入頁面的配置。

    • 選擇兩 個範本之一：全螢幕或部分畫面背景。 全螢幕背景可能會遮蔽背景影像，因此，如果您的背景影像很重要，請選擇部分畫面背景。
    • 頁首和頁尾選項的詳細數據會在程式的接下來兩個區段上設定。

    [版面配置] 索引標籤的螢幕快照。

  • 自定義 CSS： 上傳自定義 CSS 檔案以取代頁面的 Microsoft 預設樣式。

如果您尚未啟用標頭，請移至 [版 面配置] 區段，然後選取 [ 顯示標頭]。 啟用之後，選取要顯示在登入頁面標頭中的 PNG 或 JPG。

  • 影像大小：245x36 像素
  • 檔案大小上限：10 KB

訊息的螢幕快照，指出必須啟用標頭。

如果您尚未啟用頁尾，請移至 [ 版 面配置] 區段，然後選取 [ 顯示頁尾]。 啟用之後，請調整下列設定。

  • 顯示 [隱私權與 Cookie]： 此選項預設為已選取，並顯示 Microsoft [隱私權與 Cookie] 連結。

    取消核取此選項以隱藏預設的 Microsoft 連結。 選擇性地提供您自己的 顯示文字 和 URL。 文字和連結不需要與隱私權和 Cookie 相關。

  • 顯示 [使用規定]： 此選項預設也會選取，並顯示 Microsoft [使用規定] 連結。

    取消核取此選項以隱藏預設的 Microsoft 連結。 選擇性地提供您自己的 顯示文字 和 URL。 文字和連結不一定與您的使用規定相關。

    重要

    默認的 Microsoft「使用規定」連結與條件式存取使用規定不同。 在這裡看到條款並不表示您已接受這些條款和條件。

    自訂頁尾區段商標的螢幕快照。

登入表單

  • 橫幅標誌： 選取橫幅大小的標誌（短而寬）的 PNG 或 JPG 影像檔，以出現在登入頁面上。

    • 影像大小：245x36 像素
    • 檔案大小上限：50 KB

  • 方形標誌（淺色主題）： 選取您標誌的方形 PNG 或 JPG 圖像檔，以用於使用淺色主題的瀏覽器。 此標誌用來代表貴組織在 Microsoft Entra Web 介面和 Windows 中。

    • 影像大小：240x240 像素
    • 檔案大小上限：50 KB

  • 方形標誌 （深色主題） 選取您標誌的方形 PNG 或 JPG 影像檔，以用於使用深色主題的瀏覽器。 此標誌用來代表貴組織在 Microsoft Entra Web 介面和 Windows 中。 如果您的標誌在淺色和深色背景上看起來不錯，就不需要新增深色主題標誌。

    • 影像大小：240x240 像素
    • 檔案大小上限：50 KB

  • 使用者名稱提示文字： 在登入頁面上輸入使用者名稱輸入欄位的提示文字。 如果來賓使用相同的登入頁面，我們不建議在此處使用提示文字。

  • 登入頁面文字： 輸入出現在登入頁面底部的文字。 您可以使用此文字來傳達其他資訊，例如服務台的電話號碼或法律聲明。 此頁面是公用的，因此請勿在此提供敏感性資訊。 此文字必須是 Unicode，不能超過 1024 個字元。

    若要開始新的段落，請按 enter 鍵兩次。 您也可以變更文字格式設定，以包含粗體、斜體、底線或可點選連結。 使用下列語法將格式設定新增至文字：

    • 連結： [text](link)
    • 粗體： **text** 或 __text__
    • 斜體： *text* 或 _text_
    • 強調： ++text++

    重要

    新增至登入頁面文字的超連結會在原生環境中轉譯為文字，例如桌面和行動應用程式。

  • 自助式密碼重設：

    • 顯示自助式密碼重設 （SSPR）：選取複選框以開啟 SSPR。
    • 常見 URL：輸入使用者重設其密碼的目的地 URL。 此 URL 會出現在使用者名稱和密碼集合畫面上。
    • 使用者名稱集合顯示文字：以您自己的自定義使用者名稱集合文字取代預設文字。
    • 密碼集合顯示文字：以您自己的客戶密碼集合文字取代預設文字。

檢閱

所有可用的選項都會出現在一個清單中，以便檢閱您在預設設定中自定義或離開的所有專案。 完成時，請選取 [ 建立] 按鈕。

建立預設登入體驗之後，請選取 [ 編輯 ] 按鈕來進行任何變更。 您無法在建立預設登入體驗之後刪除，但您可以移除所有自定義設定。

依瀏覽器語言自定義登入體驗

您可以自定義該瀏覽器語言的商標元素，為使用特定瀏覽器語言登入的使用者建立個人化登入體驗。 此自定義會覆寫對默認商標所做的任何設定。 如果您未對元素進行任何變更，則會顯示預設元素。

  1. 以組織商標 管理員 istrator 身分登入 Microsoft Entra 系統管理中心。

  2. 流覽至身分>識別用戶體驗>公司商標。

  3. 選取 [新增瀏覽器語言]。

自定義體驗的程式與預設登入體驗程式相同，但您必須從 [基本] 區段中的下拉式清單中選取語言。 建議您在與預設登入體驗相同的區域中新增自訂文字。

Microsoft Entra ID 針對由右至左讀取的阿拉伯文和希伯來文等語言，支援由右至左的功能。 版面配置會根據使用者的瀏覽器設定自動調整。

希伯來文中登入體驗的螢幕快照，其中顯示從右至左的版面配置。

使用者體驗

當您自定義組織租使用者特定應用程式的登入頁面時，有一些案例可供您考慮。

軟體即服務 （SaaS） 和多租用戶應用程式

對於 Microsoft、軟體即服務（SaaS）和多租使用者應用程式，例如https://myapps.microsoft.com、 或 https://outlook.com，自定義的登入頁面只會在使用者輸入其電子郵件或 電話 號碼之後顯示，然後選取 [下一步] 按鈕。

主領域探索

某些 Microsoft 應用程式支援 Home Realm Discovery 進行驗證。 在這些案例中，當客戶登入 Microsoft Entra 通用登入頁面時，Microsoft Entra ID 可以使用客戶的使用者名稱來判斷他們應該登入的位置。

對於從自定義 URL、 whr 查詢字串參數或網域變數存取應用程式的客戶，可以用來在初始登入畫面套用公司商標，而不只是新增電子郵件或電話號碼之後。 例如， whr=contoso.com 會出現在應用程式的自定義URL中。 在包含主領域探索和網域參數之後，公司商標會立即出現在第一個登入步驟中。 可以包含其他網域提示。

在下列範例中，將 contoso.com 取代為您自己的租用戶名稱，或已驗證的域名稱：

  • For Microsoft Outlook https://outlook.com/contoso.com
  • 適用於 Microsoft 365 中的 SharePoint https://contoso.sharepoint.com
  • 針對 我的應用程式 入口網站https://myapps.microsoft.com/?whr=contoso.com
  • 自助式密碼重設 https://passwordreset.microsoftonline.com/?whr=contoso.com

B2B 案例

對於執行跨租使用者登入的 B2B 共同作業終端使用者，即使未指定自定義商標，也會顯示其主租用戶商標。

在下列範例中，Woodgrove Groceries 的公司商標會出現在左側，其中包含 Woodgrove 標誌、字型和自定義文字。 右側的範例會顯示使用者主租用戶的默認商標。 默認商標會顯示 Microsoft 標誌、字型和文字。

品牌登入體驗與預設登入體驗比較的螢幕快照。

下一步