> ## Documentation Index
> Fetch the complete documentation index at: https://translations.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

> Auth0 Dashboard、Management API、または IaC ツールを使用して Auth0 Advanced Customizations for Universal Login を有効化および設定し、Login experience をカスタマイズします。

# ACUL を設定する

Auth0 Dashboard、Auth0 Management API、Infrastructure as Code (IaC) ツールを使用して ACUL を設定できます。いずれの方法でも、同じ画面ごとのレンダリング設定オブジェクトが変更されます。

<Callout icon="file-lines" color="#0EA5E9" iconType="regular">
  ACUL を設定するには、カスタムの設定ファイルとアセットがパブリック CDN でホストされていることを確認してください。
</Callout>

レンダリング設定オブジェクトとそのプロパティについては、[ACUL レンダリング設定リファレンス](/docs/ja-jp/customize/login-pages/advanced-customizations/configure/reference) を参照してください。

<div id="auth0-dashboard">
  ## Auth0 Dashboard
</div>

Auth0 Dashboard を使用して、ACUL で画面をカスタマイズできます。

A. [Auth0 Dashboard > Branding > Universal Login](https://manage.auth0.com/dashboard/#/universal-login/customizations-new) に移動します

1. **Customize authentication screens** を選択します。
   2\. カスタマイズする <code>screen</code> を選択します。
   3\. **Settings > Rendering mode** で **Advanced mode** を選択します。
   4\.  (任意) **Use custom page template** を選択します。
   5\.  (任意) **Advanced mode filters** を選択します。

<Frame>
  <img src="https://mintcdn.com/translations/mMSz-RNYLuOm2GmQ/docs/images/cdy7uua7fh8z/ACUL/aculDashboard.png?fit=max&auto=format&n=mMSz-RNYLuOm2GmQ&q=85&s=0849fe0b656ba96ff7aa7aa9ad17f6f5" alt="Auth0 Dashboard の ACUL ページ" width="1404" height="788" data-path="docs/images/cdy7uua7fh8z/ACUL/aculDashboard.png" />
</Frame>

6. 独自の HTML `Head Tags` を追加するには、**Head Tags** を選択します。
   7\.  (任意) ブラウザーに送信する追加データを選択するには、**Additional Data** を選択します。

<Callout icon="file-lines" color="#0EA5E9" iconType="regular">
  **Additional Data** では、任意のコンテキストデータプロパティを追加できます。たとえば、[`user`](/docs/ja-jp/libraries/acul/js-sdk/Screens/interfaces/UserMembers) のオプトイン コンテキストデータなどです。
</Callout>

B. **Save & Publish** を選択します。

<div id="infrastructure-as-code-iac">
  ## Infrastructure as Code (IaC)
</div>

ACUL は、次のような IaC ツールを使用して設定できます。

* **Auth0 CLI** の [`auth0 acul`](https://auth0.github.io/auth0-cli/auth0_acul.html) コマンド
  * **Auth0 Terraform Provider** の [`auth0_prompt_screen_renderer`](https://registry.terraform.io/providers/auth0/auth0/latest/docs/resources/prompt_screen_renderer) リソース
  * **Auth0 Deploy CLI** の [`prompts`](https://github.com/auth0/auth0-deploy-cli/blob/master/docs/resource-specific-documentation.md#prompts) リソース

<div id="auth0-management-api">
  ## Auth0 Management API
</div>

Auth0 Management API のエンドポイントを使用すると、Universal Login の画面を個別に設定したり、1 回の API 呼び出しで複数の画面をまとめて更新したりできます。リクエストには [Management API access token](/docs/ja-jp/secure/tokens/access-tokens/management-api-access-tokens) が必要です。

**個別の画面設定**

* [`GET /v2/prompts/{prompt}/screen/{screen}/rendering` エンドポイント](/docs/ja-jp/api/management/v2/prompts/get-rendering) は、1 つの画面の設定を取得します。

  * [`PATCH /v2/prompts/{prompt}/screen/{screen}/rendering` エンドポイント](/docs/ja-jp/api/management/v2/prompts/patch-rendering) は、1 つの画面で ACUL を設定します。

**画面の一括設定**

* [`GET /v2/prompts/rendering` エンドポイント](/docs/ja-jp/api/management/v2/prompts/get-all-rendering) は、すべての画面の設定を取得します。

  * [`PATCH /v2/prompts/rendering` エンドポイント](/docs/ja-jp/api/management/v2/prompts/patch-bulk-rendering) は、画面を一括で更新します。