---
sourceDocument: Xanadu プラットフォームアナリティクス
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/ja-JP/xanadu/now-intelligence

 Release :

    - xanadu

ft:locale :

    - ja-JP

ft:publication_title :

    - Xanadu プラットフォームアナリティクス

ft:clusterId :

    - par

bundleId :

    - par

workflow :

    - Platform


---

# ダッシュボードをページに追加する

# ダッシュボード ページへのダッシュボードの追加 {#ariaid-title1}

* リリースバージョン: Xanadu
* 
* 更新日 2024年08月01日
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 所要時間：3分

テクニカルダッシュボードまたはインラインエディターで作成したダッシュボードを、ダッシュボードページテンプレートからビルドしたページに追加できます。そのページでダッシュボードコンポーネントを構成します。

## 始める前に

必要なロール：ui_builder_admin

## このタスクについて

UI ビルダー のページにダッシュボードを追加するには、ダッシュボードページテンプレートからページを作成します。その後、インラインエディターでダッシュボードを入力するか、既存のダッシュボードを公開することができます。既存のダッシュボードは、テクニカルダッシュボードでも、インラインエディターで作成されたダッシュボードでもかまいません。ダッシュボード全体または選択したタブのみを表示できます。

## 手順

1. エクスペリエンスに表示する既存のダッシュボードがある場合は、そのダッシュボードの詳細にある \[ダッシュボードの可視化\] フィールドにエクスペリエンスまたは構成可能ワークスペースを追加します。  
   ダッシュボードの詳細は、テクニカルダッシュボードの場合でも、インラインエディターから利用できます。詳細については、「[プラットフォームアナリティクス ダッシュボードの詳細を構成する](https://servicenow-prod.fluidtopics.net/Y6u8gYD1scU2~u5dvORhmw "ダッシュボード名の変更、説明の追加、認定、可視化の設定、および要求者、オーナー、オーナーグループの指定を行うことができます。")」を参照してください。  
   注:  
   表示する既存のダッシュボードがない場合は、この手順を無視してください。代わりに、ステップ 2、6、および 7 のみを実行して、インラインエディターでダッシュボードに入力します。
2. 移動先 すべてエクスペリエンス ワークスペースを開きます。
3. ダッシュボードページテンプレートを使用してワークスペースにページを作成するか、テンプレートから作成された既存のページを開きます。  
   詳細については、「[Create a page from a template](https://www.servicenow.com/docs/access?context=reuse-page-definitions&version=xanadu&pubname=xanadu-application-development&ft:locale=en-US)」と「[への プラットフォームアナリティクス ページの追加 構成可能ワークスペース](https://servicenow-prod.fluidtopics.net/VOc0C5uujbOIbo6ELxIACA#add-analytics-center-to-experience "ページテンプレートを使用して、 アナリティクスセンター とその関連ページを独自のワークスペースに追加します。")」を参照してください。  
   注:  
   ダッシュボードコンポーネントをページに追加することはできません。ダッシュボードテンプレートからのみページを作成できます。このページにはダッシュボードコンポーネントが含まれます。  
   これで、空のダッシュボードに入力できます。
4. ページでダッシュボードコンポーネントを開き、構成パネルに移動します。
5. \[既定のダッシュボード\] で、ページに追加するダッシュボードを選択します。
   * 表示する特定のダッシュボードが 1 つある場合は、ドロップダウンリストから選択します。ダッシュボードがリストにない場合は、ステップ 1 の説明に従って、このワークスペースまたはエクスペリエンスに表示されていることを確認してください。
   * ビューアーがページで行った選択に従って異なるダッシュボードを表示する場合は、データ バインディングを使用して、@state変数に従ってダッシュボードを選択します。
   * ダッシュボードを動的に選択する他の方法として、スクリプトを作成します。

   {#add-dashboard-to-workspace__choices_zxx_srk_nzb}  
   注:  
   インラインエディターで作成されたダッシュボードを選択した場合、そのダッシュボードのフィルターは、フィルター構成を編集しない限り、ログインまたはページの更新後も値を保持します。
6. インポートされたダッシュボードの特定のタブのみを表示する場合は、 タブ SysID を指定します。  
   ダッシュボード自体と同様に、タブを指定することも、データ バインディングまたはスクリプトを使用して動的に選択することもできます。
7. ページ内のダッシュボードコンポーネントをページの URL パラメーターから切り離して使用する場合は、\[ 埋め込みとして使用 \] を選択します。  
   つまり、オンにすると、URL パラメーターに関係なく、ダッシュボードがレンダリングする内容を完全に制御できます。\[URL のコピー\] および \[フィルターを使用して URL をコピー\] オプションは、このような埋め込みダッシュボードでは使用できません。
8. その他の構成オプションは、 [開発者サイトのダッシュボードコンポーネントリファレンス](https://developer.servicenow.com/dev.do#!/reference/next-experience/xanadu/now-components/sn-dashboard/overview)の説明に従って設定します。

## 次のタスク

実行時にダッシュボードを開き、インラインエディターで編集できます。編集権限を持つ閲覧者なら誰でも同じことができます。閲覧者がダッシュボードをライブラリに保存する権限を持っている場合は、ダッシュボードをローカルに保存するか、 プラットフォームアナリティクスライブラリ内の元のダッシュボードを変更するかを選択できます。