# 特定ページの設定

**キー ページ**はURLパターンに基づいてWebアプリケーションを関連する部分に区分し、CSSセレクターやブラウザのタブタイトルに基づいて検出されたイベントに基づいています。 こうすることで、エンドユーザーの旅のビジネスクリティカルなポイントを次の方法で洞察を得ることができます。

* 特定のアプリケーションのプライバシー上の理由で[URLコレクション](#keypages-discoveringkeypagesbycollectingurlsurlcollect)を無効にしても、ページビューイベントにタグを付けることができます。 イベントが検出されると、[Nexthinkブラウザー拡張機能](https://docs.nexthink.com/platform/ja/configuring_nexthink/bringing-data-into-your-nexthink-instance/deploying-nexthink-in-non-vdi-environment/installing-the-nexthink-browser-extension)は定義済みのキーページでページビューまたは使用イベントをタグ付けします。
* URLではなく、異なる部分またはアプリケーションの要素の使用状況を追跡します。
  * URLが変更されないソフトナビゲーションイベントを検出します。
* 適切に定義された特定のビジネス オペレーションを示します。 Oracle NetSuite ERPやSAP S/4 HANA ERPなどのビジネス アプリケーションの場合、URLはアプリケーションの機能に応じて変更されます。
* さまざまなビジネス取引でどのページが読み込まれ、それがどのくらいの頻度で発生し、そのページ読み込み時間がどれくらいかという洞察を提供します。
* 特定のキー ページに基づいて**アプリケーション**ダッシュボードをフィルターします。

***

## Webアプリケーションのキー ページの構成 <a href="#configuring-key-pages" id="configuring-key-pages"></a>

Webアプリケーション構成の[一般タブ内のフィールドを構成した後](https://docs.nexthink.com/platform/ja/user-guide/applications/configuring-applications/configuring-web-applications)、**キー ページ**タブを構成するために次の手順に従います。

{% stepper %}
{% step %}
[ターゲット Web アプリケーション](#keypages-discoveringkeypagesbycollectingurlsurlcollect) 特有の重要ページを、URL を収集して発見します。
{% endstep %}

{% step %}
Web アプリケーションの[重要ページを追加](#keypages-definingkeypages)します。
{% endstep %}

{% step %}
オプションで、ページ要素に基づいて**キー ページの検出**用の [CSS セレクターを定義](#defining-css-selector)します。

CSS キーページ識別子の検出は、Web アプリケーションの URL が変更されなくても機能します。

必要に応じて、キー ページの追加時に識別子として定義された CSS セレクターを使用します。
{% endstep %}

{% step %}
正しい URL マッチを保証するために [キー ページを順序付け](#ordering-key-pages) します。
{% endstep %}
{% endstepper %}

{% hint style="info" %}
**代替オプション**—[Nexthink Adopt](https://docs.nexthink.com/platform/ja/user-guide/adopt)が必要です。

[組み込みデフォルトの設定](https://docs.nexthink.com/platform/ja/user-guide/applications/configuring-applications/configuring-web-applications/..#configuringwebapplications-understandingurlpatterns-1)から、特定のウェブアプリケーション用に用意されたカスタマイズ不可能なキーページをインポートします。 この機能は、Nexthink Libraryからインストールされたアプリケーションとは異なります。
{% endhint %}

### キー ページの発見: URLを収集することによる

一般的なアプリケーション設定における[URLの収集オプション](https://docs.nexthink.com/platform/ja/user-guide/applications/configuring-applications/configuring-web-applications/..#configuringwebapplications-collectingurls)はデフォルトで有効になっています。そのため、特定のアプリケーションに関連する重要なページを見つけるには:

1. 選択したアプリケーションのダッシュボードページの**トラブルシュート**タブをクリックしてください。
2. エンドユーザーにとって最もフラストレーションの多いページロードの数を特定するために、**キー ページ & URL** テーブルを表示します。

NexthinkがこれらのURLをページのロード時間の降順で表示するため、それらをキー ページにマップすることができます。

<figure><img src="https://3549141153-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FeLm8O7QKZDn6z806e7Sv%2Fuploads%2Fgit-blob-a3b721f0c8e4bb5ac1b1d85cb5038813e5bab83e%2Fkeypages-1704794538.png?alt=media" alt="KeyPages-1704794538.png" width="760"><figcaption></figcaption></figure>

### [重要なページの追加](#keypages-definingkeypages)

選択されたウェブアプリケーションの設定ページから、新しいキーページを作成するために、 **キー ページ**タブの下で:

1. **キー ページを追加**ボタンをクリックして、 **キー ページ編集**ポップアップを開き、フィールドに入力します:
   * **キー ページ名**は、最大100文字までのスペースで区切られた標準の安全な文字列を使用して構成できます。 アプリケーション内でユニークでなければなりません。
2. 少なくとも1つの **使用する識別子**を追加します:
   * キー ページを検出するための**URL パス**。 システムは`*` [ワイルドカード](#considerations-when-defining-url-paths-for-key-pages)の使用をサポートしています。
     * **ベースURLパターン**は、\*\*[一般タブ](https://docs.nexthink.com/platform/ja/user-guide/applications/configuring-applications/configuring-web-applications/..#configuringwebapplications-understandingurlpatterns)\*\*で定義されたアプリケーションのURLパターンにキーページのURLを制限します。 そのため、キーページパターンは複数の基になるアプリケーションパターンに一致することができます。
   * **タブ タイトル** は完全な名前または `*` ワイルドカードを使用した部分的な名前が、特定のウェブページに対してブラウザ タブに表示されます。
     * このメソッドにより、URLが変更されずにソフトナビゲーションイベントを検出することができます。
   * ページ要素のキーページをNexthinkが一貫して識別するために使用される [**構成されたCSSセレクタ**](#defining-css-selector)。
     * この方法は、URL が変更されないソフト ナビゲーション イベントを検出することを可能にします。
3. すべてのフィールドが定義されたら**保存**します。

<figure><img src="https://3549141153-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FeLm8O7QKZDn6z806e7Sv%2Fuploads%2Fgit-blob-82cbd6bfe1691a6751e93b7deabe54fe3c0c1467%2Fimage%20(376).png?alt=media" alt=""><figcaption></figcaption></figure>

#### キー ページのURLパスを定義する際の考慮事項

キーページを定義する際には、次の点を考慮することが重要です:

* パスパターンには、URLで許可されている任意の文字とワイルドカード文字 `*` を含めることができます。
* パスパターンには、複数の`*` ワイルドカードを含めることができます。
* ワイルドカード `*` を指定する必要があります。 パスのプレフィックスとして`*`を定義しない場合、システムはアプリケーションのURLパターンに`*`を含まない形で接続します。 以下の[例](#keypages-examplesofkeypagepatternskeypatternexample)を参照してください。
* 同じパスパターンとアプリケーションパターン名のペアは、現在のアプリケーション定義で複数回出現することはありません。 代替策として、指定されたキー ページ パスに対して2つ以上のアプリケーションパターンを選択してください。
* キーページ名はアプリケーションごとにユニークである必要があります。

<details>

<summary>キー ページURLパターンの例</summary>

アプリケーション URL パターン `*://www.example.com/foo/*` に属するキー ページ パス `*page1*`

* これにより `*://www.example.com/foo/*page1*` として変換されます

キー ページ パス `page2` はアプリケーションURLパターン `*://www.example.com/foo/*` に属しています。

* これにより `*://www.example.com/foo/page2` に変換されます

</details>

### キーページのCSSセレクタの定義—オプションで <a href="#defining-css-selector" id="defining-css-selector"></a>

{% hint style="info" %}
URLベースのトラッキングに加え、Nexthinkの**キー ページ**はブラウザのタブタイトルとCSS要素のセレクタを使用してイベントをキャプチャします。 これらのメソッドにより、URLが変更されていないソフトナビゲーションイベントを特定できます。
{% endhint %}

ウェブアプリケーションの設定ページの**キー ページ**タブから、ページ要素に基づくキーページ検出のためのCSSセレクタを定義します:

1. **新しいキーページ識別子を追加**してポップアップウィンドウを開き、フィールドに入力します:
   * ターゲットのウェブページ要素の**名前**。
   * ページ要素のCSSセレクタは、ページ上に要素が存在するたびにキーページを一貫して識別するためにNexthinkが使用します。
     * **CSSセレクタ**は複雑なセレクタをサポートします。例えば: `#id > .class div[attr=value]`
     * ブラウザデベロッパーツールやNexthinkブラウザ拡張（現在、Firefox未対応)を使用して、ウェブアプリケーションページから **CSSセレクタ** を抽出します。
2. **保存** して、キー ページの追加時に将来使用するための CSS キーページ識別子を行います。

<figure><img src="https://3549141153-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FeLm8O7QKZDn6z806e7Sv%2Fuploads%2Fgit-blob-5ba7cf5c5acb3ff61faf2d6336fe9a6b7c84242d%2Fimage%20(373).png?alt=media" alt=""><figcaption></figcaption></figure>

### [キー ページを正しい順序で整理する](#ordering-key-pages)

Nexthink の Web インターフェイスで適切な順序に従うことによって、キー ページの一致パターンが重複する可能性があります。

キーページのセットをレビューするとき、マッチング操作はリストの上部から始まり、マッチを見つけるために下に向かって進みます。 システムがマッチを見つけると、プロセスは停止し、それ以外のパターンはチェックされません。

例えば、パターン`/a/b/*`は`/a/*`の上にリストされるべきです。そうでないと、ページ`/a/b/c`が`/a/*`と一致し、`/a/b/*`と一致しません。 以下の画像には、正しい順序の説明が記載されています。

<figure><img src="https://3549141153-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FeLm8O7QKZDn6z806e7Sv%2Fuploads%2Fgit-blob-b04dd98a61234b2928af36025c25d89830d2069c%2FKey%20pages%20order_NOPROCESS.jpg?alt=media" alt="Key pages order for URL macthing."><figcaption></figcaption></figure>

上記の例では、理想的な構成は最初のオプションになります。 2番目のものでは、アウトバウンドと出荷のディスパッチが、より一般的なタグを持つ最初のキーページにタグ付けされます。

選択されたウェブアプリケーションの設定ページから、キー ページの順序を変更するには:

1. **キー ページ**タブの下で、リストからアイテムにホバーし、アクションメニューを開きます。
2. 次のオプションのいずれかをクリックしてください: **上に移動**, **下に移動**, **最上に移動**, または **最下に移動**。

<figure><img src="https://3549141153-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FeLm8O7QKZDn6z806e7Sv%2Fuploads%2Fgit-blob-71d0eeb64fcd83ad5b44c4aa2a245e3997ea2655%2Fimage%20(378).png?alt=media" alt="Organizing key pages."><figcaption></figcaption></figure>

## FAQ

<details>

<summary>ウェブアプリケーションに現在設定されているキーページを表示する方法は？</summary>

ウェブアプリケーションに現在設定されているキーページを表示するには:

1. メインナビゲーションから**アプリケーション** > **アプリケーションの管理**を開きます。
2. **アプリケーション**テーブルから、対象のウェブアプリケーションの[アプリケーション設定](https://docs.nexthink.com/platform/ja/user-guide/applications/configuring-applications/..#managingapplications-configuringapplications)ページを開きます。
3. **アプリケーション設定** > **キーページ** タブに移動して、設定されたキーページのリストを確認します。

</details>

***

関連したタスク

* [transactions](https://docs.nexthink.com/platform/ja/user-guide/applications/configuring-applications/configuring-web-applications/transactions "mention")
* [application-licenses](https://docs.nexthink.com/platform/ja/user-guide/applications/configuring-applications/configuring-web-applications/application-licenses "mention")
* [thresholds](https://docs.nexthink.com/platform/ja/user-guide/applications/configuring-applications/configuring-web-applications/thresholds "mention")

関連したトレーニング

* [アプリケーションモジュールの設定方法](https://learn.nexthink.com/courses/how-to-configure-applications-module)