次の方法で共有


認証エクスペリエンス用にブラウザー言語をカスタマイズする

適用対象: 灰色の X 記号が付いた白い円。 従業員テナント緑 の円と白いチェック マーク記号。 外部テナント (詳細)

ヒント

この記事は、外部テナントのユーザー フローに当てはまります。 ワークフォース テナントの情報については、「Microsoft Entra External IDでの言語カスタマイズ」を参照してください。

この記事では、アプリの認証エクスペリエンスに合わせてブラウザー言語をカスタマイズする方法について説明します。 ブラウザーの言語に基づいてサインイン プロセスをカスタマイズすることで、ユーザー向けにカスタマイズされたエクスペリエンスを提供し、既定のブランド設定をオーバーライドできます。

前提条件

  • まだ独自の Microsoft Entra 外部テナントを作成していない場合は、ここで作成してください。
  • アプリケーションを登録します
  • ユーザー フローを作成します
  • 追加する各イメージのファイル サイズ要件を確認します。 写真エディターを使用して、適切なサイズの画像を作成することが必要な場合があります。 すべての画像に推奨される画像タイプは PNG ですが、JPG も使用できます。

ヒント

今すぐ試す

この機能を試すには、Woodgrove Groceries のデモにアクセスし、「言語のカスタマイズ」のユース ケースを開始します。

[会社のブランド化] の下にブラウザー言語を追加する

  1. Microsoft Entra 管理センターに、少なくとも組織のブランド管理者としてサインインします。

  2. 複数のテナントにアクセスできる場合は、上部メニューの [設定] アイコン を使用して、[ ディレクトリ + サブスクリプション ] メニューから前に作成した外部テナントに切り替えます。

  3. 会社の>>に移動します。

    ブラウザーの言語のカスタマイズ タブのスクリーンショット。

  4. [ 基本 ] タブの [ 言語固有の UI カスタマイズ] で、カスタマイズするブラウザー言語をメニューから選択します。

    言語の選択のスクリーンショット。

外部テナントでは、次の言語がサポートされています。

  • アラビア語 (サウジアラビア)
  • バスク語 (バスク)
  • ブルガリア語 (ブルガリア)
  • カタルニア語 (カタルニア)
  • 中国語 (中国)
  • 中国語 (香港特別行政区)
  • クロアチア語 (クロアチア)
  • チェコ語 (チェコ)
  • デンマーク語 (デンマーク)
  • オランダ語 (オランダ)
  • 英語 (米国)
  • エストニア語 (エストニア)
  • フィンランド語 (フィンランド)
  • フランス語 (フランス)
  • ガリシア語 (ガリシア)
  • ドイツ語 (ドイツ)
  • ギリシャ語 (ギリシャ)
  • ヘブライ語 (イスラエル)
  • ハンガリー語 (ハンガリー)
  • イタリア語 (イタリア)
  • 日本語 (日本)
  • カザフ語 (カザフスタン)
  • 韓国語 (韓国)
  • ラトビア語 (ラトビア)
  • リトアニア語 (リトアニア)
  • ノルウェー語 (ブークモール) (ノルウェー)
  • ポーランド語 (ポーランド)
  • ポルトガル語 (ブラジル)
  • ポルトガル語 (ポルトガル)
  • ルーマニア語 (ルーマニア)
  • ロシア語 (ロシア)
  • セルビア語 (ラテン、セルビア)
  • スロバキア語 (スロバキア)
  • スロベニア語 (スロベニア)
  • スペイン語 (スペイン)
  • スウェーデン語 (スウェーデン)
  • タイ語 (タイ)
  • トルコ語 (Türkiye)
  • ウクライナ語 (ウクライナ)
  1. [基本]、[レイアウト]、[ヘッダー]、[フッター]、[サインイン フォーム]、[テキスト] タブの各要素をカスタマイズします。 詳細な手順については、「 ブランド化とエンドユーザー エクスペリエンスのカスタマイズ」を参照してください。
  2. 完了したら、[ 校閲 ] タブを選択し、すべての言語のカスタマイズを確認します。 変更を保存する場合は [追加] を選択し、編集を続行する場合は [ へ] を選択します。

ユーザー フローに言語のカスタマイズを追加する

外部テナントでの言語のカスタマイズにより、ユーザー フローは顧客のニーズに合わせてさまざまな言語に対応できます。 言語を使用して、サインアップ中に属性コレクション プロセスの一部として顧客に表示される文字列を変更できます。

  1. Microsoft Entra 管理センターに、少なくとも組織のブランド管理者としてサインインします。

  2. 複数のテナントにアクセスできる場合は、上部メニューの [設定] アイコン を使用して、[ ディレクトリ + サブスクリプション ] メニューから前に作成した外部テナントに切り替えます。

  3. Entra ID>外部 ID>ユーザーフローに移動します。

  4. 翻訳を有効にするユーザー フローを選択します。

  5. [ 言語] を選択します

  6. ユーザー フロー の [言語 ] ページで、カスタマイズする言語を選択します。

  7. 「サインアップとサインイン」を展開します

  8. [ 既定値のダウンロード ] を選択します (以前にこの言語を編集した場合は、オーバーライドを ダウンロード します)。

    ユーザー フローの下に言語を追加する方法を示すスクリーンショット。

ダウンロードされたファイルは JSON 形式であり、組み込み属性とカスタム属性の両方、および他のページ レベルおよびエラー文字列が含まれます。

{
	"AttributeCollection_Description": "Wir benötigen nur ein paar weitere Informationen, um Ihr Konto einzurichten.",
	"AttributeCollection_Title": "Details hinzufügen",
	"Attribute_City": "Ort",
	"Attribute_Country": "Land/Region",
	"Attribute_DisplayName": "Anzeigename",
	"Attribute_Email": "E-Mail-Adresse",
	"Attribute_Generic_ConfirmationLabel": "{0} erneut eingeben",
	"Attribute_GivenName": "Vorname",
	"Attribute_JobTitle": "Position",
	"Attribute_Password": "Kennwort",
	"Attribute_Password_MismatchErrorString": "Kennwörter stimmen nicht überein.",
	"Attribute_PostalCode": "Postleitzahl",
	"Attribute_State": "Bundesland/Kanton",
	"Attribute_StreetAddress": "Straße",
	"Attribute_Surname": "Nachname",
	"SignIn_Description": "Melden Sie sich an, um auf {0} zuzugreifen.",
	"SignIn_Title": "Anmelden",
	"SignUp_Description": "Registrieren Sie sich, um auf {0} zuzugreifen.",
	"SignUp_Title": "Konto erstellen",
	"SisuOtc_Title": "Code eingeben",
	"Attribute_extension_a235ca9a0a7c4d33bd69e07bed81c8b1_Shoesize": "Shoe size"
}  

ダウンロードしたファイル内のこれらの属性の一部またはすべてを変更できます。 たとえば、組み込みの属性 City とカスタム 属性 の Shoesize を変更できます。

{
	"AttributeCollection_Description": "Wir benötigen nur ein paar weitere Informationen, um Ihr Konto einzurichten.",
	"AttributeCollection_Title": "Details hinzufügen",
	"Attribute_City": "Ort2",
	"Attribute_Country": "Land/Region",
	"Attribute_DisplayName": "Anzeigename",
	"Attribute_Email": "E-Mail-Adresse",
	"Attribute_Generic_ConfirmationLabel": "{0} erneut eingeben",
	"Attribute_GivenName": "Vorname",
	"Attribute_JobTitle": "Position",
	"Attribute_Password": "Kennwort",
	"Attribute_Password_MismatchErrorString": "Kennwörter stimmen nicht überein.",
	"Attribute_PostalCode": "Postleitzahl",
	"Attribute_State": "Bundesland/Kanton",
	"Attribute_StreetAddress": "Straße",
	"Attribute_Surname": "Nachname",
	"SignIn_Description": "Melden Sie sich an, um auf {0} zuzugreifen.",
	"SignIn_Title": "Anmelden",
	"SignUp_Description": "Registrieren Sie sich, um auf {0} zuzugreifen.",
	"SignUp_Title": "Konto erstellen",
	"SisuOtc_Title": "Code eingeben",
	"Attribute_extension_a235ca9a0a7c4d33bd69e07bed81c8b1_Shoesize": "Schuhgröße"
}  
  1. 必要な変更を加えたら、新しいオーバーライド ファイルをアップロードできます。 変更がユーザー フローに自動的に保存されます。 オーバーライドが [ 構成済み ] タブに表示されます。
  2. 変更を再確認するには、[ 構成済み ] タブで言語を選択し、[ サインアップとサインイン ] オプションを展開します。 カスタマイズした言語ファイルを表示するには、[ オーバーライドのダウンロード] を選択します。 カスタマイズしたオーバーライド ファイルを削除するには、[ オーバーライドの削除] を選択します。

変更された JSON ファイルを削除またはダウンロードする方法を示すスクリーンショット。

  1. 外部テナントのサインイン ページに移動します。 URL に適切なロケールと市場があることを確認します (例: ui_locales=de-DEmkt=de-DE)。 サインアップ ページに更新された属性が次のように表示されます。

変更されたサインアップ ページ属性のスクリーンショット。

重要

外部テナントには、サインアップとサインインのエクスペリエンスにカスタム テキストを追加するための 2 つのオプションがあります。 この関数は、言語のカスタマイズ中と 会社のブランド化の下で、各ユーザー フローで使用できます。 (会社のブランド化とユーザー フローを使用して) 文字列をカスタマイズする方法は 2 つありますが、どちらの方法でも同じ JSON ファイルが変更されます。 ユーザー フローまたは会社のブランドを使用して行われた最新の変更は、常に前の変更よりも優先されます。

右から左へ記述する言語のサポート

アラビア語やヘブライ語など、右から左に読む言語は、左から右に読む言語と比較して反対方向に表示されます。 外部テナントは、データの入力および表示のために、右から左の環境で動作する言語とその機能をサポートしています。 右から左に読むユーザーは、自然な読み取り方法で対話できます。

右から左への言語のサポートを示すスクリーンショット。

ブラウザー言語のカスタマイズを削除する

不要になったら、管理センターでまたは Microsoft Graph API を使用して外部テナントから言語のカスタマイズを削除できます。

管理センターで言語のカスタマイズを削除する

  1. Microsoft Entra 管理センターにサインインします。

  2. >

  3. 削除する言語を選択し、[ 削除 ] と [OK] を選択します。

    ブラウザーの言語のカスタマイズ タブと [削除] ボタンのスクリーンショット。

Microsoft Graph API を使用して言語のカスタマイズを削除する

  1. 外部テナント アカウント () を使用して https://developer.microsoft.com/en-us/graph/graph-explorer?tenant=<your-tenant-name.onmicrosoft.com>にサインインします。

  2. Microsoft Graph API を使用して、既定のブランド化オブジェクトのクエリを実行します: https://graph.microsoft.com/v1.0/organization/<your-tenant-ID>/branding/localizations。 外部テナントにサインインしていることを確認するには、画面の右側にあるテナント名を確認します。

  3. ローカライズされたブランド化オブジェクトを削除します

    CIAM テナントがログインしている MS Graph API のスクリーンショット。

  4. 変更が有効になるまで、数分待ちます。

次のステップ