ページバリアントの作成

  • リリースバージョン: Zurich
  • 更新日 2025年07月31日
  • 所要時間：3分

    • UI ビルダー のページバリアントとは、ユーザー基準を使用してさまざまな対象者をターゲットにできる、同じパスにあるページのバリエーションのことです。

    このビデオでは、次の手順を実行する方法を紹介します。

    始める前に

    必要なロール：ui_builder_admin

    このタスクについて

    UI ビルダー でページのバリアントを作成する方法を学習します。ページのバリアントは、さまざまな対象者をターゲットとしたコンテンツを含むページに基づいています。たとえば、エージェント用のホームページと、それらのエージェントのマネージャー用のページのバリアントを作成できます。このバリアントは同じ URL に存在します。

    グラフィックは、ページにアクセスするユーザーに基づいて、3 つの異なるページを指す 1 つの URL を示している。

    • アプリケーションアドミニストレーターに属するユーザーがページ URL にアクセスすると、アプリケーションメトリクスや使用状況の詳細など、アプリケーションアドミニストレーター固有の詳細を含むバージョンのページが表示されます。Special Occasions アプリケーションの場合、このページには、誕生日や仕事の記念日があるユーザーとそうでないユーザーの人数が表示されます。このページには、特別な機会に報告された問題の数も表示されます。

    • 部門マネージャー対象者に属するユーザーがページ URL にアクセスすると、アプリケーションの部門関連情報 (誕生日や仕事の記念日が近づいている部門のユーザーや、それらのユーザーが特別な機会を共有しても問題ないかどうかなど) が表示されます。

    • アプリケーションユーザー対象者に属するユーザーがページ URL にアクセスすると、自分に特別な機会のあるユーザー専用バージョンのページが表示され、自分の特別な機会を他のユーザーに表示するかどうかを構成できます。

    手順

    1. 移動先 すべて > Now Experience フレームワーク > UI ビルダー.
    2. バリアントを作成するページのエクスペリエンスを開きます。
    3. [ページ] セクションの [+] アイコンを選択します。
      エクスペリエンスビューページの [ページの作成] ボタン。
    4. [バリアントをページに追加] を選択します。
      ページタイプ選択モーダル。
    5. [+ バリアントを追加] をクリックします。
      UI ビルダーでページのバリアントを作成するための [バリアントを追加] ボタン。
    6. [代わりにゼロからビルドする] をクリックするか、使用するテンプレートをポイントして [テンプレートを使用] を選択します。
    7. バリアントページの名前を入力します。

      名前は、ページ名と同じ名前にも、任意の名前にもすることができます。

      注:
      アプリケーションスコープのデフォルトは、ユーザーが ServiceNow AI Platform® 内で存在しているスコープです。アプリケーションスコープの詳細については、「セキュリティとロールについて学習する」を参照してください。
    8. [対象者を追加] を選択して、バリアントページの対象者を 1 つ以上指定します。
      対象者は、それによってページバリアントを特定のロールやグループに割り当てることができるため、重要です。必要な対象者がリストにない場合は、 [利用可能なすべての対象者を表示]を選択し、[新規] を選択して対象者を作成します。
    9. 用意されているドロップダウンメニューを使用するか、エンコードされたクエリ文字列を記述して、ページを表示するタイミングに関する条件を宣言します。

      条件の宣言の詳細については、「ページバリアントの条件の制御」を参照してください。エンコードされたクエリの記述の詳細については、「Encoded query strings」を参照してください。

    10. ページを最初から作成する場合は、[続行] を選択し、[レスポンシブをビルド (Build responsive)] オプション (デフォルト) を選択します。
    11. [作成] をクリックしてページバリアントを作成します。