Поделиться через

Настройка фирменной символики компании

  • Статья

Когда пользователи проходят проверку подлинности в корпоративной интрасети или веб-приложениях, идентификатор Microsoft Entra предоставляет службу управления удостоверениями и доступом (IAM). Вы можете добавить фирменную символику компании, которая применяется ко всем этим интерфейсам, чтобы создать согласованный интерфейс входа для пользователей.

Интерфейс входа по умолчанию — это глобальный внешний вид, который применяется ко всем входам в клиент. Перед настройкой каких-либо параметров на страницах входа появится фирменная символика Майкрософт по умолчанию. Этот интерфейс по умолчанию можно настроить с пользовательским фоновым изображением или цветом, фавиконом, макетом, верхним и нижним колонтитулов. Вы также можете отправить пользовательский CSS-файл.

Заметка

Инструкции по управлению запросом "Оставаться вошедшего в систему?", см. в статье "Управление вошедшего в систему?".

Необходимые условия

Для добавления пользовательской фирменной символики требуется одна из следующих лицензий:

Выпуски Microsoft Entra ID P1 или P2 доступны для клиентов в Китае с помощью мирового экземпляра Microsoft Entra ID. Выпуски Microsoft Entra ID P1 или P2 в настоящее время не поддерживаются в службе Azure, управляемой 21Vianet в Китае.

Роль администратора фирменной символики организации — это минимальная роль, необходимая для настройки фирменной символики компании.

Перед началом работы

Все элементы фирменной символики являются необязательными. Параметры по умолчанию останутся, если осталось неизменными. Например, если указать логотип баннера, но не изображение фона, на странице входа отображается логотип с изображением фона по умолчанию с целевого сайта, например Microsoft 365. Кроме того, фирменная символика страниц входа не переносится в личные учетные записи Майкрософт. Если пользователи или гости проходят проверку подлинности с помощью личной учетной записи Майкрософт, страница входа не отражает фирменную символику вашей организации.

Изображения имеют разные требования к размеру изображения и файла. Мы рекомендуем просмотреть процесс фирменной символики компании в Центре администрирования Microsoft Entra, чтобы собрать необходимые требования к изображению. Возможно, вам потребуется использовать редактор фотографий для создания нужных изображений размера. Предпочтительный тип изображения для всех изображений — PNG, но формат JPG принимается.

Используйте Microsoft Graph с фирменной символикой компании Microsoft Entra. Фирменная символика компании может просматриваться и управляться с помощью Microsoft Graph в конечной точке /beta и типе organizationalBranding ресурса. Дополнительные сведения см. в документации по API фирменной символики организации.

Элементы фирменной символики вызываются в следующем примере. Текстовые описания приведены на рисунке.

Снимок экрана: страница входа с выделенным элементом фирменной символики компании.

  1. Favicon: маленький значок, который отображается в левой части вкладки браузера.
  2. Заголовок: пробел в верхней части страницы входа за журналом заголовка.
  3. Логотип заголовка: логотип, который отображается в левом верхнем углу страницы входа.
  4. Фоновое изображение: весь пробел за полем входа.
  5. Цвет фона страницы: весь пробел за полем входа.
  6. Логотип баннера: логотип, который отображается в верхней части окна входа
  7. Заголовок страницы входа: более крупный текст, отображаемый под логотипом баннера.
  8. Описание страницы входа: текст для описания страницы входа.
  9. Указание имени пользователя и текст: текст, отображаемый перед вводом сведений пользователем.
  10. Самостоятельный сброс пароля. Ссылка на страницу входа можно добавить под текстом страницы входа для сброса пароля.
  11. Текст страницы входа: текст, который можно добавить под полем имени пользователя.
  12. Ссылка нижнего колонтитула: конфиденциальность и файлы cookie: ссылка можно добавить в правый нижний угол для сведений о конфиденциальности.
  13. Нижний колонтитул: текст в правом нижнем углу страницы, где можно добавить сведения об условиях использования.
  14. Нижний колонтитул: пробел в нижней части страницы для конфиденциальности и сведений об условиях использования.
  15. Шаблон: макет страницы и полей входа.

Переход к процессу фирменной символики компании

Кончик

Действия, описанные в этой статье, могут немного отличаться на портале, с который вы начинаете работу.

  1. Войдите в Центр администрирования Microsoft Entra в качестве администратора фирменной символики организации.

  2. Перейдите к фирменной символии пользователей>удостоверений>компании.

    • Если у вас есть настраиваемый интерфейс входа, кнопка "Изменить " доступна.

    Снимок экрана: целевая страница пользовательской фирменной символики с выделенной фирменной символикой компании в боковом меню и кнопке

Процесс взаимодействия с входом сгруппирован в разделы. В конце каждого раздела нажмите кнопку "Проверить и создать ", чтобы просмотреть выбранные изменения и отправить изменения или кнопку "Далее ", чтобы перейти к следующему разделу.

Снимок экрана: просмотр и создание и далее: кнопки макета в нижней части страницы настройки пользовательской фирменной символики.

Основные

  • Favicon: выберите PNG или JPG логотипа, который отображается на вкладке веб-браузера.

    • Размер изображения: 32x32 пикселей
    • Максимальный размер файла: 5 КБ

    Снимок экрана: примеры favicons в веб-браузере.

  • Фоновое изображение: выберите PNG или JPG для отображения в качестве основного изображения на странице входа. Этот образ масштабируется и урожай в соответствии с размером окна, но запрос входа может частично заблокировать его.

    • Размер изображения: 1920x1080 пикселей
    • Максимальный размер файла: 300 КБ

  • Цвет фона страницы: если фоновое изображение не может загружаться из-за более медленного подключения, вместо него появится выбранный цвет фона.

Схема

  • Визуальные шаблоны. Настройка макета страницы входа с помощью шаблонов или пользовательского CSS-файла.

    • Выберите один из двух шаблонов: полноэкранный или частичный фон. Фон полноэкранного экрана может скрыть фоновое изображение, поэтому выберите фон частичного экрана, если фон важен.
    • Сведения о параметрах верхнего и нижнего колонтитулов задаются в следующих двух разделах процесса.

    Снимок экрана: вкладка

  • Настраиваемый CSS: отправка пользовательского CSS-файла для замены стиля страницы по умолчанию Майкрософт.

Если вы не включили заголовок, перейдите в раздел "Макет " и выберите " Показать заголовок". После включения выберите PNG или JPG, чтобы отобразить в заголовке страницы входа.

  • Размер изображения: 245x36 пикселей
  • Максимальный размер файла: 10 КБ

Снимок экрана: сообщение, указывающее, что заголовок должен быть включен.

Если вы не включили нижний колонтитул, перейдите в раздел "Макет " и выберите "Показать нижний колонтитул". После включения настройте следующие параметры.

  • Показать "Конфиденциальность и файлы cookie": этот параметр выбран по умолчанию и отображает ссылку Майкрософт "Конфиденциальность и файлы cookie".

    Снимите этот флажок, чтобы скрыть ссылку Майкрософт по умолчанию. При необходимости укажите собственный текст и URL-адрес. Текст и ссылки не должны быть связаны с конфиденциальностью и файлами cookie.

  • Показать "Условия использования": этот параметр также выбран по умолчанию и отображает ссылку "Условия использования " Майкрософт.

    Снимите этот флажок, чтобы скрыть ссылку Майкрософт по умолчанию. При необходимости укажите собственный текст и URL-адрес. Текст и ссылки не должны быть связаны с условиями использования.

    Важный

    Ссылка microsoft "Условия использования" по умолчанию не совпадает с условиями использования условного доступа. Просмотр условий здесь не означает, что вы приняли эти условия.

    Снимок экрана: настройка фирменной символики в разделе

Форма входа

  • Логотип баннера: выберите png или JPG-файл изображения логотипа размером баннера (короткий и широкий), чтобы появиться на страницах входа.

    • Размер изображения: 245x36 пикселей
    • Максимальный размер файла: 50 КБ

  • Квадратный логотип (светлая тема): выберите файл изображения PNG или JPG логотипа, который будет использоваться в браузерах, использующих светлую цветовую тему. Этот логотип используется для представления организации в веб-интерфейсе Microsoft Entra и в Windows.

    • Размер изображения: 240x240 пикселей
    • Максимальный размер файла: 50 КБ

  • Квадратный логотип (темная тема) Выберите квадратный png или JPG-файл изображения логотипа, который будет использоваться в браузерах, использующих темную цветовую тему. Этот логотип используется для представления организации в веб-интерфейсе Microsoft Entra и в Windows. Если логотип выглядит хорошо на светлых и темных фонах, нет необходимости добавлять темный логотип темы.

    • Размер изображения: 240x240 пикселей
    • Максимальный размер файла: 50 КБ

  • Текст подсказки имени пользователя: введите текст подсказки для поля ввода имени пользователя на странице входа. Если гости используют ту же страницу входа, мы не рекомендуем использовать текст подсказки здесь.

  • Текст страницы входа: введите текст, отображаемый в нижней части страницы входа. Этот текст можно использовать для передачи дополнительных сведений, таких как номер телефона в службу технической поддержки или юридическое заявление. Эта страница является общедоступной, поэтому здесь не предоставляются конфиденциальные сведения. Этот текст должен быть Юникодом и не может превышать 1024 символов.

    Чтобы начать новый абзац, дважды нажмите клавишу ВВОД. Кроме того, можно изменить форматирование текста, чтобы включить полужирные, курсивы, подчеркивание или ссылку. Используйте следующий синтаксис, чтобы добавить форматирование в текст:

    • Гиперссылка: [text](link)
    • Полужирный или **text** полужирный __text__
    • Курсив: *text* или _text_
    • Подчеркнуть: ++text++

    Важный

    Гиперссылки, добавляемые в текст страницы входа в виде текста в собственных средах, таких как классические и мобильные приложения.

  • Самостоятельный сброс пароля:

    • Отображение самостоятельного сброса пароля (SSPR): установите флажок, чтобы включить SSPR.
    • Общий URL-адрес: введите целевой URL-адрес, в котором пользователи сбрасывают пароли. Этот URL-адрес отображается на экранах с именем пользователя и коллекцией паролей.
    • Отображаемый текст коллекции имен пользователя: замените текст по умолчанию собственным текстом коллекции пользователей.
    • Отображаемый текст коллекции паролей: замените текст по умолчанию собственным текстом коллекции паролей клиента.

Обзор

Все доступные параметры отображаются в одном списке, чтобы просмотреть все, что вы настроили или оставили в параметре по умолчанию. По завершении нажмите кнопку "Создать ".

После создания интерфейса входа по умолчанию нажмите кнопку "Изменить ", чтобы внести изменения. После создания не удается удалить интерфейс входа по умолчанию, но можно удалить все пользовательские параметры.

Настройка интерфейса входа на языке браузера

Вы можете создать персонализированный интерфейс входа для пользователей, которые войдите с помощью определенного языка браузера, настроив элементы фирменной символики для этого языка браузера. Эта настройка переопределяет все конфигурации, внесенные в фирменную символику по умолчанию. Если вы не вносите никаких изменений в элементы, отображаются элементы по умолчанию.

  1. Войдите в Центр администрирования Microsoft Entra в качестве администратора фирменной символики организации.

  2. Перейдите к фирменной символии пользователей>удостоверений>компании.

  3. Выберите " Добавить язык браузера".

Процесс настройки интерфейса совпадает с процессом входа по умолчанию, за исключением того, что необходимо выбрать язык из раскрывающегося списка в разделе "Основные сведения". Мы рекомендуем добавить пользовательский текст в те же области, что и ваш интерфейс входа по умолчанию.

Идентификатор Microsoft Entra поддерживает функции справа налево для таких языков, как арабский и иврит, которые читаются справа налево. Макет настраивается автоматически на основе параметров браузера пользователя.

Снимок экрана: интерфейс входа на иврите, демонстрирующий макет справа налево.

Взаимодействие с пользователем

Существуют некоторые сценарии, которые необходимо учитывать при настройке страниц входа для приложений, относящихся к клиенту вашей организации.

Программное обеспечение как услуга (SaaS) и мультитенантные приложения

Для Майкрософт, программного обеспечения как службы (SaaS) и мультитенантных приложений, таких как, илиhttps://outlook.com, настраиваемая страница входа отображается только после того, как https://myapps.microsoft.comпользователь вводит свой номер электронной почты или телефона и нажимает кнопку "Далее".

Обнаружение домашней области

Некоторые приложения Майкрософт поддерживают обнаружение домашней области для проверки подлинности. В этих сценариях, когда клиент входит на страницу общего входа в Microsoft Entra, идентификатор Microsoft Entra может использовать имя пользователя клиента, чтобы определить, где они должны войти.

Для клиентов, которые получают доступ к приложениям с пользовательского URL-адреса, whr параметра строки запроса или переменной домена, можно использовать для применения фирменной символики компании на начальном экране входа, а не только после добавления адреса электронной почты или номера телефона. Например, whr=contoso.com будет отображаться в пользовательском URL-адресе приложения. Если включен параметр "Обнаружение домашней области" и "Домен", фирменная символика компании появится сразу на первом шаге входа. Другие указания домена можно включить.

В следующих примерах замените contoso.com собственным именем клиента или проверенным доменным именем:

  • Для Microsoft Outlook https://outlook.com/contoso.com
  • Для SharePoint в Microsoft 365 https://contoso.sharepoint.com
  • Портал Мои приложенияhttps://myapps.microsoft.com/?whr=contoso.com
  • Самостоятельный сброс пароля https://passwordreset.microsoftonline.com/?whr=contoso.com

Сценарии B2B

Для конечных пользователей совместной работы B2B, выполняющих межтенантные входы, появляется символика своего домашнего клиента, даже если не указана настраиваемая фирменная символика.

В следующем примере фирменная символика компании для продуктов Woodgrove отображается слева с логотипом Woodgrove, шрифтами и пользовательским текстом. В примере справа отображается фирменная символика по умолчанию для домашнего клиента пользователя. В фирменной символии по умолчанию отображаются логотипы Майкрософт, шрифты и текст.

Снимок экрана: сравнение фирменного интерфейса входа и интерфейса входа по умолчанию.

Дальнейшие действия