ページバリアントの作成

リリースバージョン: Yokohama

更新日 2025年01月30日

所要時間：3分

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

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

始める前に

必要なロール：ui_builder_admin

このタスクについて

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

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

アプリケーションアドミニストレーターに属するユーザーがページ URL にアクセスすると、アプリケーションメトリクスや使用状況の詳細など、アプリケーションアドミニストレーター固有の詳細を含むバージョンのページが表示されます。Special Occasions アプリケーションの場合、このページには、誕生日や仕事の記念日があるユーザーとそうでないユーザーの人数が表示されます。このページには、特別な機会に報告された問題の数も表示されます。
部門マネージャー対象者に属するユーザーがページ URL にアクセスすると、アプリケーションの部門関連情報 (誕生日や仕事の記念日が近づいている部門のユーザーや、それらのユーザーが特別な機会を共有しても問題ないかどうかなど) が表示されます。
アプリケーションユーザー対象者に属するユーザーがページ URL にアクセスすると、自分に特別な機会のあるユーザー専用バージョンのページが表示され、自分の特別な機会を他のユーザーに表示するかどうかを構成できます。

手順

次のように移動する。 All (すべて) > Now Experience フレームワーク > UI ビルダー.
バリアントを作成するページのエクスペリエンスを開きます。
[ページとバリアント] セクションで [+] アイコンを選択します。
[バリアントをページに追加] を選択します。
[+ バリアントを追加] をクリックします。
[代わりにゼロからビルドする] をクリックするか、使用するテンプレートをポイントして [テンプレートを使用] を選択します。
バリアントページの名前を入力します。

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

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

条件の宣言の詳細については、「ページバリアントの条件の制御」を参照してください。エンコードされたクエリの記述の詳細については、「Encoded query strings」を参照してください。
ページを最初から作成する場合は、[続行] を選択し、[レスポンシブをビルド (Build responsive)] オプション (デフォルト) を選択します。
[作成] をクリックしてページバリアントを作成します。