トランザクションの設定
Nexthinkでは、すべてのアプリケーションにわたるトランザクションの合計数が1000未満である限り、アプリケーションごとに無制限のトランザクションを設定できます。
トランザクションとは、会社にビジネス価値をもたらすWebアプリケーション内の従業員の操作またはイベントです。 サービスマネージャーは、従業員がアプリケーションのWebページ上で特定の操作を効率的に実行できるかどうかを確認するために、十分な粒度を必要とします。
Nexthink Webインターフェイスでは、開始イベントと終了イベントを指定してトランザクションを定義します：
開始イベントは、操作の対象となる要素をクリックする、またはキーを押すなど、ユーザー定義の操作です。 たとえば、保存ボタンをクリックする操作です。
終了イベントは、追加または変更されるページ定義の要素です。 たとえば、ページにメッセージまたはアイコンが表示される場合、あるいは逆に要素がページから消える場合です。
Nexthinkでは、CSSセレクターを使用して、アプリケーションのWebページ上の開始要素と終了要素を定義します。
Webアプリケーションのトランザクションを設定する
Webアプリケーション設定の全般タブでフィールドを設定した後、このページの手順に従って、トランザクションタブを設定します。
新しいトランザクションを追加する
新しいトランザクションを追加するには：
メインメニューからアプリケーション > アプリケーションを管理を選択します。
選択したアプリケーションの名前をクリックして、その設定にアクセスします。
アプリケーションの設定ページで、トランザクションタブをクリックします。
トランザクションを追加ボタンをクリックして、トランザクションを追加ウィンドウを開きます。
トランザクションを追加ウィンドウで、トランザクション開始タブとトランザクション終了タブに入力します。
トランザクション開始を定義する
トランザクションを追加ウィンドウで、トランザクション開始タブをクリックし、フィールドに入力します。
一部のアプリケーションには、常にWebページの一部である要素が含まれています。 これらの要素は、CSSの変更により表示または非表示になる場合があります：
要素の
visible属性が変更される場合があります。要素のクラス名が動的に変更される場合があります。
動的に変更される属性またはクラスを含む別の要素によって、その要素が隠れる可能性があります。
次の表に、トランザクション開始フィールドとその定義方法を示します：
トランザクション名
トランザクションに意味のある名前を入力します。
開始イベントタイプ
ユーザーがトランザクションをトリガーする方法に応じて、オプションのいずれかを選択します。
トリガーには、クリック、キーボードのReturnキーの押下、またはページへの移動を使用できます。
開始イベント名
最大100文字の開始要素名を選択します。
名前を入力する際は、標準のUTF-8文字セットを使用してください。
他のソースからテキストをコピーすると、サポートされていない特殊文字が含まれる可能性があることに注意してください。
開始要素CSSセレクター
トランザクションのトリガーに使用するページ要素のCSSセレクターを貼り付けます。
このページのCSSセレクターのセクションを参照してください。
開始要素テキストパターン（任意）
CSSセレクターに加えて、テキストパターンを使用して開始要素を絞り込むことができます。
一部のアプリケーションでは、テキストが複数の言語で存在する場合があることに注意してください。
詳細については、このページのCSSセレクターテキストパターンを定義するセクションを参照してください。
一致するすべての要素を選択
このボックスをオンにして、要素IDに一致するすべての要素を選択します。
たとえば、ユーザーが任意のテーブル行をクリックしたときにトランザクションをトリガーする場合に役立ちます。
トランザクション終了を定義する
トランザクションを追加ウィンドウで、トランザクション終了タブをクリックし、フィールドに入力します。
次のいずれかを選択できます：
自動トランザクション終了検出を使用する
自動オプションをオフにして、手動トランザクション終了フィールドに入力します。
自動トランザクション終了検出を使用する
トランザクション終了の設定プロセスを簡素化するために、Nexthink Applicationsでは自動検出を提供しています。 システムでは、この機能がデフォルトで有効になっています：
このオプションを選択すると、残りの設定オプションは不要になるため折りたたまれます。
既存のトランザクション終了を編集する場合、チェックボックスをオンにして完了を押すと、現在の設定は失われます。
自動トランザクション終了検出に進む前に、既存のトランザクション終了設定をバックアップすることをNexthinkは推奨します。
自動終了検出を使用するトランザクションでは、Nexthinkはソフトナビゲーションと同じ完了ロジックを使用してトランザクションの終了を判定します。
を参照してください。
手動トランザクション終了フィールド
自動トランザクション終了検出オプションをオフにすると、手動トランザクション終了フィールドが開きます。
次の表に、手動トランザクション終了フィールドとその定義方法を示します：
終了イベント名
最大100文字で、スペースで区切られた任意の標準的で安全な文字の組み合わせを使用して、開始要素の名前を選択します。
終了イベントタイプ
トランザクションの終了について、次のオプションのいずれかを選択します。
要素が表示される
要素が消える
要素のCSSクラスが追加される
要素のCSSクラスが削除される
終了要素CSSセレクター
トランザクションの終了に使用するページ要素のCSSセレクターを貼り付けます。
CSSセレクターセクションを参照してください。
終了要素テキストパターン（任意）
CSSセレクターに加えて、テキストパターンを使用して終了要素を絞り込むことができます。
一部のアプリケーションでは、テキストが複数の言語で存在する場合があることに注意してください。
詳細については、このページのCSSセレクターテキストパターンを定義するセクションを参照してください。
一致するすべての要素を選択
このフィールドは非推奨であり、Nexthink Webインターフェイスから削除される予定のため、チェックボックスをオンにしないでください。
新しい要素のみを確認
トランザクション開始後に既存の要素識別子を使用して生成される新しい要素については、このオプションを選択します。
システムはすでに存在する要素を無視し、トランザクション終了を取得します。
CSSセレクターテキストパターンを定義する
提供されたCSSセレクターが複数の要素に一致する場合、開始/終了要素テキストパターンフィールドで要素の選択をさらに絞り込むことができます。 これは、同じ構造を共有しながら表示テキストが異なるボタンやラベルを対象にする場合に特に便利です。
例：「新しい見積もり」ボタンを選択する
正しい使用方法を示すために、基本的な例を確認しましょう。
目的は、ユーザーが新しい見積もりボタンをクリックしたときに開始するトランザクションを設定することです。
ブラウザーの検証ツール（またはトランザクション設定ツール）を使用して、要素のCSSセレクターを見つけます。 この例では、セレクターが**#button**であるとします。
このセレクターがページ上で一意であるかを確認すると、複数のボタンに一致することがわかります。したがって、セレクターだけでは正確な要素を識別するには不十分です。
一致を絞り込むには、開始要素テキストパターンフィールドを使用します。この場合は、新しい見積もりと入力します。
これにより、同じCSSセレクターを共有する他の要素の中から、表示ラベルが新しい見積もりである特定のボタンをシステムが識別できます。
重要な注意事項
テキストパターンは、要素の表示テキストコンテンツを指します。
これは置き換えではなく、CSSセレクターとともに使用されます。
この機能は、構造は共有しているもののラベルが一意である要素を区別するのに役立ちます。
この例で使用されているセレクターは説明目的のみのものです。 実際のセレクターは、設定するアプリケーションによって異なります。
既存のトランザクションを編集する
作成されたトランザクションは、アプリケーションの設定ページのトランザクションタブに一覧表示されます：
既存のトランザクションにカーソルを合わせて、アクションメニューを表示します。
トランザクションを編集オプションをクリックして、トランザクションの編集ウィンドウを開きます。
トランザクションフィールドを編集します。 トランザクション開始を定義するおよびトランザクション終了を定義するを参照してください。
完了をクリックして変更を保存します。
トランザクションをインポートおよびエクスポートする
アプリケーションの設定ページのトランザクションタブで：
トランザクションをエクスポートするには、既存のトランザクションにカーソルを合わせてアクションメニューを表示します。
トランザクションをエクスポートオプションをクリックして、トランザクションをJSONファイル形式でエクスポートします。
ファイルはブラウザーのダウンロードフォルダーに表示されます。
トランザクションをインポートするには、トランザクションをインポートボタンをクリックして、JSON形式のトランザクションファイルをインポートします。
トランザクションのCSSセレクターを設定する
CSSセレクターは、Webページ上の特定の要素を識別します。 トランザクションを設定する際には、適切なセレクターを使用することが重要です。
次の特別な考慮事項に留意してください：
アプリケーションが更新またはアップグレードされると、セレクターが変更される場合があります。
ページが再読み込みされると、セレクターが変更される場合があります。
単一のセレクターがページの複数の要素を参照する場合があります。
これらの問題を回避するには、各トランザクションの開始イベントおよび終了イベントについて、次の点を分析してください：
アプリケーションが複数の言語で利用できる場合は、テキストを含むセレクターを避けてください。
ランダムに生成された文字列を含むセレクターを避けてください。
ページを再読み込みして、再読み込み後もセレクターが機能することを確認します。
ページが別の構成になっている場合に他の要素が選択されないことを確認するために、すべてのページ要素を調査してください。
たとえば、コンボボックスを展開したり、非表示のメニューを表示したりする場合です。
アプリケーションが更新またはアップグレードされた場合にもセレクターが機能することを確認してください。
システムメンテナンス後にNexthinkがトランザクションを収集できない場合は、セレクターの調整が必要である可能性があります。
次のオプションを使用してCSSセレクターを見つけることができます：
Nexthinkツールボックス
Nexthinkブラウザー拡張機能を使用してトランザクションCSSセレクターを識別およびテストする
Nexthinkブラウザー拡張機能のインストールに関するドキュメントを参照してください。
Nexthinkブラウザー拡張機能を使用すると、監視対象のWebアプリケーションまたはドメインの個々のトランザクションを検出できます。 この拡張機能では、次の操作を行えるため、トランザクションの設定プロセスが大幅に簡素化されます：
対象の要素のCSSセレクターを判定する。
トランザクション設定をテストし、CSSセレクターが機能することを確認する
トランザクションをJSONファイルとしてエクスポートし、Nexthinkにインポートする。
Nexthink拡張機能をインストールして起動した後：
ブラウザーのツールバーで拡張機能を見つけてクリックします。
Powered by Nexthinkをすばやく連続して五回クリックし、Nexthink拡張機能ウィンドウを開きます。
Nexthink拡張機能ウィンドウのトランザクションを設定ボタンをクリックします。
要素を自動検出モードを使用し、目的の要素をクリックして追跡できます。
Webアプリケーション上で操作したすべての要素がポップアップに表示されます。
要素の自動検出は、監視対象のアプリケーション/Webサイト内でのみ機能します。
ページ要素を自動選択した後、Nexthinkブラウザー拡張機能から直接トランザクションを設定できます。
拡張機能の設定機能は、自動検出でのみ使用できます。
テストボタンをクリックして、トランザクション設定がユーザー操作を正しく取得することを確認します。 必要に応じて、テストを再開できます。
エクスポートボタンをクリックして、NexthinkにトランザクションとしてインポートできるJSONファイルをダウンロードします。
Nexthinkブラウザー拡張機能を使用して要素を手動で選択する
Nexthinkブラウザー拡張機能では、終了要素を適切に定義するためにより高い精度が必要な高度な設定シナリオ向けに、手動要素検出も提供しています。
これらのケースに対応するには：
要素を選択ボタンをクリックして、特定の要素を選択できるモードに入ります。
アプリケーションのページ上で、目的の要素を手動でクリックまたは操作します。
要素のセレクターをコピーし、Nexthink Webインターフェイスで終了要素を設定するために使用します。
要素の手動選択は、監視対象のアプリケーション/Webサイト内でのみ機能します。
Nexthink Toolbox拡張機能を使用してCSSセレクターを識別する
ページ要素を識別するには、Nexthinkブラウザー拡張機能を使用することをNexthinkは推奨します。 Nexthink Toolboxはサポート対象ではなくなり、まもなく非推奨になります。
chrome.google.com WebサイトのChrome Web Storeを通じてNexthinkが提供する追加のToolbox拡張機能を使用して、WebページのUI要素のCSSセレクターを識別できます。
Nexthinkツールボックスをインストールして起動した後：
セレクターを見つけるページに移動し、拡張機能をクリックします。
要素を選択ボタンをクリックして、検証モードを開始します。
Webページ上で薄い黄色で強調表示された対象領域をクリックすると、必要なCSSセレクターが自動的に収集されます。
Chromeデベロッパーツールを使用してCSSセレクターを識別する
Chromeデベロッパーツールはすべてのインストールで利用でき、関連するCSSセレクターを見つけることができます。
対象のWebページを読み込み、Chromeデベロッパーツールを開きます。
ページ上の任意の場所を右クリックし、Chromeのポップアップから「検証」オプションを選択します。
選択アイコンをクリックします。
カーソルを使用して、監視する機能をトリガーするWebページ上の特定の要素を選択します。
デベロッパーツールのサイドパネルで強調表示されたコード部分を右クリックします。
コンテキストメニューで、コピー > セレクターをコピーをクリックします。
Chromeで一時的なCSSセレクターを見つける
Chromeデベロッパーツールを使用して、一時的な要素のCSSセレクターを見つけることもできます。
対象のWebページを読み込み、Chromeデベロッパーツールを開きます。
ページ上の任意の場所を右クリックし、Chromeのポップアップから「検証」オプションを選択します。
Sourcesタブに切り替えます。
ブラウザーで操作をトリガーして、検証したい状態にします。
F8、またはmacOSではfn+F8を押します。 これによりブラウザーが一時停止し、Sourcesに戻って再度F8を押すまで、Elementsタブは更新されません。
一時停止中に、Elementsタブに戻り、標準の検証ツールを使用します。
ネストされたiframeおよびクロスオリジンiframeのトランザクション
多くの重要なビジネスアプリケーションでは、iframeを使用して外部要素をWebサイトに埋め込んでいます。 一部では、ネストされたiframeまたはクロスオリジンiframeと呼ばれる特定のタイプを使用しています。
コード内のiframeは、たとえば<iframe></iframe>タグで識別できます。<iframe src="https://nexthink.com"></iframe>
ネストされたiframeは、別のiframeを含むページを含むiframeです。
クロスオリジンiframeには、Webサイトのドメイン外のコンテンツが含まれます。
ネストされたiframeおよびクロスオリジンiframeを使用するアプリケーションのトランザクションは、現在のトランザクション設定プロセスで設定します。
CSSセレクターのユースケース例
これら二つのシナリオは、状況に応じてCSSセレクターを定義する方法を示しています。
シナリオ1：ユーザーの設定に応じて異なるメニューバー内のボタン。
メニューバー内のボタンは、すべてのユーザーで同じ位置に配置されるとは限らず、その位置は特定のユーザー権限または設定に依存する場合があります。
解決策：HTML要素の属性、たとえばlinkを使用します。 属性内の"には\文字を使用します。
CSSセレクターの例：a[href=\"/lightning/o/Account/home\"]
シナリオ2：複数要素の汎用セレクター。
複数の要素に対する汎用セレクターは、nth childで記述されます。
解決策：セレクターからnth childを削除します。
#js-work-quickfilters > dd:nth-child(4) > aから
#js-work-quickfilters > dd > aへ
関連タスク
最終更新
役に立ちましたか？