トランザクションの設定

トランザクションとは、企業にビジネス価値を生み出すウェブアプリケーションにおける従業員のアクションまたはイベントです。 サービスマネージャーは、従業員がアプリケーションのウェブページ上で特定のアクションを効率的に実行できるかどうかを詳細に確認する必要があります。

Nexthinkのウェブインターフェースでは、開始イベントと終了イベントを指定することでトランザクションを定義します：

• 開始イベントは、アクションが適用されるエレメントをクリックしたりキーを押したりするなどの、ユーザー定義のアクションです。 例えば、保存ボタンをクリックすることです。

• 終了イベントは、ページに定義された、追加または変更されたエレメントです。 例えば、ページにメッセージやアイコンが表示されるか、逆にエレメントがページから消えることです。

NexthinkはCSSセレクタを使用して、アプリケーションのウェブページ上の開始要素と終了要素を定義します。

ウェブアプリケーションのトランザクションの設定

構成フォームを使用して、トランザクションの開始と終了を設定します。

一部のアプリケーションにはウェブページの一部として常に含まれる要素があります。 これらの要素はCSSの変更で表示・非表示になる場合があります：

• 要素の可視属性が変わることがあります。

• 要素のクラス名が動的に変わる可能性があります。

• 要素が別の動的に変化する属性やクラスを含む要素によって隠される場合があります。

新しいトランザクションの追加

新しいトランザクションを追加するには：

1. メインメニューからApplications > Manage applicationsを選択してください。

2. 選択したアプリケーションの名前をクリックしてその設定にアクセスします。

3. アプリケーション設定ページのトランザクションタブをクリックします。

4. トランザクション追加ボタンをクリックしてトランザクション追加ウィンドウを開きます。

トランザクション追加ウィンドウ内で、トランザクションの開始およびトランザクションの終了タブを記入してください。

トランザクションの開始の定義

トランザクション追加ウィンドウで、トランザクション開始タブをクリックし、フィールドに入力します。

次の表は、トランザクション開始フィールドとその定義方法を示しています：

トランザクションの終了の定義

トランザクション追加ウィンドウで、トランザクション終了タブをクリックしてフィールドに入力します。

次のどちらかを選択できます：

• 自動トランザクション終了検知を使用

• 手動トランザクション終了フィールドの入力に自動オプションのチェックを外す。

自動トランザクション終了検知

プロセストランザクション終了設定を簡素化するために、Nexthink Applications は自動検出を提供しています。

システムはこの機能をデフォルトで有効にします。 このオプションを選択すると、残りの構成オプションが不要になり、折りたたまれます。

Nexthink は自動トランザクション終了検知を進める前に、既存のトランザクション終了設定のバックアップを推奨しています。

手動トランザクション終了フィールド

自動トランザクション終了検知のオプションを外すと手動トランザクション終了フィールドが開かれます。

次の表は、手動トランザクション終了フィールドとその定義方法を示しています：

既存トランザクションの編集

作成されたトランザクションはアプリケーションの構成ページのトランザクションタブにリストされます：

1. 既存のトランザクションにカーソルを合わせるとアクションメニューが表示されます。

2. トランザクション編集オプションをクリックしてトランザクション編集ウィンドウを開きます。

1. トランザクションフィールドを編集します。 トランザクションの開始の定義およびトランザクションの終了の定義を参照してください。

2. 変更を保存するには完了をクリックします。

トランザクションのインポートおよびエクスポート

アプリケーションの構成ページのトランザクションタブで：

• トランザクションをエクスポートするには、既存のトランザクションにカーソルを合わせてアクションメニューを表示します。

  • トランザクションエクスポートオプションをクリックして、トランザクションをJSONファイル形式でエクスポートします。

  • ファイルはブラウザのダウンロードフォルダーに表示されます。

• トランザクションをインポートするには、トランザクションインポートボタンをクリックしてJSON形式のトランザクションファイルをインポートします。

取引用のCSSセレクタ設定

CSSセレクタはウェブページの特定の要素を識別します。 取引を設定する際は適切なセレクターを使用することが重要です。

これらの特別な考慮事項を覚えておいてください：

• アプリケーションが更新されたりアップグレードされたりすると、セレクタが変わることがあります。

• ページがリロードされるとセレクタが変わることがあります。

• 1つのセレクタはページの複数の要素を参照することができます。

これらの問題を回避するために、各トランザクションの開始および終了イベントについて次のポイントを分析してください：

• アプリケーションが多言語対応の場合は、テキストを含むセレクタを避けてください。

• ランダムに生成された文字列を含むセレクタを避けてください。

• ページをリロードして、リロード後もセレクタが機能することを確認してください。

• ページの構成が異なるときに他の要素が選択されないようすべてのページ要素を探索してください。

  • 例えば、コンボボックスを展開したり、隠れたメニューを表示したりすることがあります。

• セレクタがアプリケーションの更新またはアップグレード時にまだ機能することを確認してください。

CCSセレクタを見つけるには以下のオプションを使用できます：

• Nexthinkブラウザ拡張機能(推奨)

• ブラウザの開発者ツール

• Nexthink Toolbox

Nexthinkブラウザ拡張を使用したトランザクションCSSセレクタの特定とテスト

Nexthinkブラウザ拡張機能を使用すると、監視対象のウェブアプリケーションまたはドメインの個別のトランザクションを検出できます。 この拡張機能は、トランザクションの設定プロセスを大幅に簡素化し容易にします：

• 関心のある要素のCSSセレクタを特定します。

• トランザクション設定をテストし、CSSセレクタが適切に動作するか確認します。

• JSONファイルとしてトランザクションをエクスポートしてNexthinkにインポートします。

Nexthink拡張機能をインストールして起動後：

1. ブラウザのツールバーで拡張機能を見つけてクリックします。

2. Powered by Nexthinkを5回素早く連続してクリックし、Nexthink拡張機能ウィンドウを開きます。

3. Nexthink拡張ウィンドウ内のトランザクションを設定ボタンをクリックします。

1. 自動検出モードを使用し、目的の要素をクリックして追跡します。

• ウェブアプリケーションで操作したすべての要素がポップアップに表示されます。

• 要素の自動検出は監視対象アプリケーションやウェブサイト内でのみ機能します。

1. ページ要素を自動選択した後、Nexthinkブラウザ拡張機能から直接トランザクションを設定できます。

1. テストボタンをクリックして、トランザクション設定がユーザーインタラクションを正しくキャプチャするか確認します。 必要に応じてテストを再開始できます。

2. エクスポートボタンをクリックして、インポートできる取引としてJSONファイルをダウンロードします。

Nexthinkブラウザ拡張を使用して要素を手動で選択

Nexthinkブラウザ拡張機能は、より精度が求められる高度な設定シナリオに対応するため、手動での要素検出も提供します。

これらのケースをカバーするには：

1. 要素を選択ボタンをクリックして特定の要素を選択するためのモードに入ります。

2. アプリケーションのページで目的の要素を手動でクリックまたは操作します。

3. 要素のセレクタをコピーし、Nexthink Webインターフェースで終了要素を設定するのに使用します。

Nexthink Toolbox拡張を使用してCSSセレクタを特定

Chromeウェブストアのchrome.google.comウェブサイトで提供されるNexthinkによる追加のToolbox拡張機能を使用して、ウェブページのUI要素のCSSセレクタを特定できます。

Nexthink Toolboxをインストールして起動した後：

1. セレクタを見つけたいページに移動し、拡張機能をクリックします。

1. Pick an elementボタンをクリックして検査モードを開始します。

2. ウェブページの関心領域をクリックし、薄黄色で強調表示され、自動的に必要なCSSセレクタを収集します。

Chrome開発者ツールを使用したCSSセレクタの特定

Chrome開発者ツールはすべてのインストールで利用可能で、関連するCSSセレクタを見つけることができます。

1. 関心のあるウェブページを読み込み、Chrome開発者ツールを開きます。

2. ページ内の任意の場所を右クリックし、Chromeのポップアップから「検証」を選択します。

3. 選択アイコンをクリックします。

1. カーソルを使用して、監視したい機能をトリガーするウェブページ上の特定の要素を選択します。

2. 開発者ツールサイドパネル内で強調表示されたコード部分で右クリックします。

1. コンテキストメニューで、コピー > セレクタをコピーをクリックします。

Chromeで一時CSSセレクタを見つける

Chromeの開発者ツールを使用して、一時的な要素のCSSセレクタを見つけることもできます。

1. 関心のあるウェブページを読み込み、Chrome開発者ツールを開きます。

2. ページ内の任意の場所を右クリックし、Chromeのポップアップから「検証」を選択します。

3. ソースタブに切り替えます。

1. ブラウザでアクションをトリガーして、確認したい状態に到達します。

2. F8またはmacOSでfn+F8を押します。 これはブラウザを一時停止させ、ソースタブに戻ってF8を再度押すまで要素タブは更新されません。

1. 一時停止中に、要素タブに戻り、標準の検査ツールを使用します。

ネストされているまたはクロスオリジンであるiframeのトランザクション

多くの重要なビジネスアプリケーションは、Webサイトに外部要素を埋め込むためにiframeを使用します。 それらのいくつかはネストされているまたはクロスオリジンと呼ばれる特定のタイプを使用します。

<iframe></iframe>タグを使って、コード内でiframeを識別でき、例: <iframe src="https://nexthink.com"></iframe>

• ネストされたiframeはもう一つのiframeを含むページを持つiframeです。

• クロスオリジンiframeは、ウェブサイトのドメイン外のコンテンツを含みます。

トランザクションを構成する現在のプロセスを使用して、ネストおよびクロスオリジンiframeを利用するアプリケーションのトランザクションを設定します。

CSSセレクタの使用事例の例

これらの2つのシナリオは、さまざまな状況のためのCSSセレクタを定義する方法を例示しています。

関連タスク

• 主要なページを設定する

• アプリケーションライセンスの設定

• アプリケーションの閾値設定