ページとフィーチャーのスクリーンショットを追加および表示する

最終更新日:

スクリーンショットはタグ付けされたページやフィーチャーの視覚的なコンテキストを提供します。ビジュアルデザインスタジオでタグを保存すると、PendoはUIの静止画像を収集してページまたはフィーチャーに添付します。これにより、アプリを再度開かなくても、タグの正確性を確認し、測定内容を理解し、タグを参照することができます。

重要:タグのスクリーンショットは、すべてのサブスクリプションでデフォルトで無効になっています。サブスクリプション管理者は、スクリーンショットの取得を明示的にオンにする必要があります。また、ユーザーは、ページおよびフィーチャーのタグ付け中にスクリーンショットが取得される前に、ビジュアルデザインスタジオでスクリーンショット警告プロンプトを確認する必要があります。

ユースケース

スクリーンショットは、タグが何を表しているかについての迅速で共有されたコンテキストが必要なときに最も役立ちます。以下のことが可能です。

  • セレクターが複雑な場合やUIが頻繁に変更される場合は、タグがどの要素またはURLパターンをカバーするかを明確にします。
  • ルールが意図した要素に一致していることを検証し、手戻りを減らします。
  • レポートや意思決定で使用する前に、ステークホルダーが指標が何を表しているかを迅速に確認できるようにします。
  • 新しいチームメイトやコラボレーターがアプリを開かなくてもタグを理解できるように支援します。
  • どのページやフィーチャーがどのUI要素にマッピングされているかのクイックリファレンスを提供します。

重要:スクリーンショットには、アプリの機密情報や個人情報が含まれる場合があります。タグを保存する前に、組織のプライバシーおよびデータ取り扱いポリシーに従ってください。個人情報や機密データを表示する画面には、特に本番環境でのタグ付けを避けることを考慮してください。

スクリーンショットの仕組み

スクリーンショットはタグと共に取得され、保存される静的な参照です。

ビジュアルデザインスタジオで新しいタグを作成するか、既存のタグを更新すると、サブスクリプションでスクリーンショットの取得が有効になっており、スクリーンショット警告プロンプトが確認されている場合、Pendoは自動的にスクリーンショットを取得します。スクリーンショットはタグと共に保存され、詳細ページに表示され、ページまたはフィーチャーリストからリンクされます。

タグを更新して再度保存すると、スクリーンショットは新しいものに置き換わります。

注: スクリーンショットは現在のセレクターマッチを検証せず、アナリティクスにも影響しません。

自動的に秘匿化される情報

エンドユーザーのプライバシーを保護するために、Pendoはスクリーンショット内のいくつかのカテゴリの機密情報を自動的にマスクします。

  • メールアドレス
  • パスポート番号
  • クレジットカード番号
  • 社会保障番号
  • 日付
  • IPアドレス(IPv4およびIPv6)
  • 電話番号
  • 住所と郵便番号

注: アドレスマッチングパターンは現在、英語の住所用語のみを認識しています。

スクリーンショットへのアクセス

アクセスは、Pendoの権限とサブスクリプション設定によって異なります。

  • スクリーンショットを追加および更新する。タグ付けエディターの役割が割り当てられたユーザーは、ページやフィーチャーにタグを付ける際にスクリーンショットを追加または置き換えることができます。
  • スクリーンショットを表示する。ページやフィーチャーにアクセスできるユーザーは誰でもスクリーンショットを表示できます。
  • スクリーンショットのオン/オフを切り替える。サブスクリプション管理者は、[設定]>[サブスクリプション設定][スクリーンショットの取得をオフにする]を選択または選択解除することで、スクリーンショットの取得を制御できます。スクリーンショットの取得をオンにすると、タグ付けのために最初にビジュアルデザインスタジオを起動するユーザーは、スクリーンショット警告プロンプトを確認する必要があります。一度承認されると、サブスクリプション全体のスクリーンショットが取得されます。

スクリーンショットを追加する

新しいタグのスクリーンショットを取得するには:

  1. ビジュアルデザインスタジオで通常のようにページやフィーチャーにタグを付けます。
  2. [保存]を選択すると、スクリーンショットの取得がオンになっており、警告プロンプトが承認されている場合、Pendoは自動的にタグにスクリーンショットを添付します。

既存のタグのスクリーンショットを取得するには:

  1. ビジュアルデザインスタジオを開き、[フィーチャー]タブで[スクリーンショットが必要なタグ付けされたフィーチャー]を選択するか、[ページ]タブで[スクリーンショットが必要なタグ付けされたページ]を選択します。
  2. 個々のページまたはフィーチャー名の横にある[スクリーンショット]を選択するか、[すべてスクリーンショット]を選択します。これにより、リスト内のすべてのタグに自動的にスクリーンショットが追加されます。

    VDS_Tagging_ScreenshotAll.png

詳細なタグ付けの手順については、ページのタグ付けおよびフィーチャーのタグ付けを参照してください。

スクリーンショットを表示する

スクリーンショットは次の2つの場所から確認できます。

  • リストビュー。[プロダクト]>[ページ]または[プロダクト]>[フィーチャー]スクリーンショット列を追加して、どのページやフィーチャーにスクリーンショットが添付されているかを確認します。
  • 詳細ビュー。ページまたはフィーチャーの詳細ページを開き、[詳細]の下にある完全なスクリーンショットを確認します。

リストページで[ビュー]を選択するか、詳細ページにあるスクリーンショットを選択すると、スクリーンショットが大きな高解像度ビューで開きます。この画面では、以下の操作を行うことができます。

  • +(プラス)と-(マイナス)のコントロールまたはキーを使用して、ズームインおよびズームアウトします。
  • クリックするか矢印キーを使用して、画像内を移動します。
  • Mキーでミニマップを開いて簡単にナビゲートできます。
  • ツールバーから閲覧数をリセットするか、ビューアを閉じます。

スクリーンショットを更新する

スクリーンショットを置き換えるには:

  1. ビジュアルデザインスタジオでタグを開きます。
  2. [ページを編集]または[フィーチャーを編集]を選択し、必要な調整を行います。
  3. [保存]を選択します。Pendoは新しいスクリーンショットを取得し、更新されたタグと共に保存します。

スクリーンショットを削除する

スクリーンショットを削除するには:

  1. 関連するページまたはフィーチャーの詳細ページを開きます。
  2. [詳細]セクションを開き、[スクリーンショット]フィールドを見つけます。
  3. [スクリーンショットを削除]を選択し、[はい、削除します]を選択して確認します。これにより、タグの詳細からスクリーンショットが削除されます。

FeatureDetails_Details_RemoveScreenshot.png

この記事は役に立ちましたか?
5人中2人がこの記事が役に立ったと言っています