Détection de la vue

Les applications natives pour Android et l' iOS prennent en charge la détection de l'affichage « Instana » dans les versions suivantes de l'agent :

• Instana Agent Android 6.0.15 ou version ultérieure (basé sur Gradle 7.3.3 )
• Instana iOS 1.7.0 ou version ultérieure

Pour activer la détection de l'affichage dans l'agent Android d' Instana, procédez comme suit :

1. Vous devez vous assurer que le plug-in de l'agent Android d' Instana et le SDK sont bien intégrés à votre application Android. Pour plus d'informations, voir Instructions d'agent Android.

2. Définissez la propriété autoCaptureScreenNames sur true lorsque vous appelez la méthode Instana.setup() . Voir l'exemple suivant :

   class ExampleApp : Application() {
       override fun onCreate() {
           super.onCreate()
           val instanaConfig = InstanaConfig(
               key = "xxxxxx",
               reportingURL = "https://instana.example.com/mobile",
               autoCaptureScreenNames = true
           )
           Instana.setup(this, instanaConfig)
       }
   }
   

Pour activer la détection de la vue dans l'agent Instana iOS, procédez comme suit :

1. Vous devez vous assurer que l'agent Instana iOS est bien installé dans votre application iOS. Pour plus d'informations, consultez la documentation relative à l'agent « iOS ».

2. Définissez la propriété autoCaptureScreenNames sur true lorsque vous appelez la méthode Instana.setup() . Voir l'exemple suivant :

   import UIKit
   import InstanaAgent
   
   @UIApplicationMain
   class AppDelegate: UIResponder, UIApplicationDelegate {
   
       var window: UIWindow?
   
       func application(_ application: UIApplication,
                   didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?) -> Bool {
   
           let options = InstanaSetupOptions(autoCaptureScreenNames: true)
           Instana.setup(
               key: "xxxxxx",
               reportingURL: URL(string: "https://instana.example.com/mobile")!,
               options: options
           )
           return true
       }
   }
   

La durée de rendu de l'écran correspond au temps nécessaire pour que chaque écran devienne entièrement interactif après son chargement. Lorsque le suivi de la détection des vues est activé, cette durée est automatiquement enregistrée. Le suivi de ces performances aide les développeurs d'applications mobiles à identifier les écrans qui prennent beaucoup de temps et à optimiser les performances de rendu, ce qui améliore l'expérience utilisateur.

Une fois que vous avez activé la détection d'affichage automatique pour une application, vous pouvez analyser les données d'affichage.

Pour analyser les vues dans l'interface utilisateur d' Instana, procédez comme suit :

1. Cliquez sur « Analytics » dans l'interface utilisateur d' Instana.

2. Dans la page Analyse, cliquez sur Applications mobiles > Afficher les transitions.

3. Filtrez votre application comme suit:

   

   Pour afficher les détails de la vue, développez la section Vue, puis vous pouvez voir les propriétés pour décrire la vue. Voir la capture d'écran suivante:

   

Une vue contient les informations suivantes dans une application Android:

1. Nom d'activité: nom d'écran d'une activité.
2. Nom de classe d'activité: nom de classe simple d'une activité.
3. Chemin d'accès local à l'activité: nom de classe d'une activité avec chemin d'accès local.
4. Heure de reprise de l'activité: heure requise par une activité pour commencer à interagir avec un utilisateur.
5. Nom de fragment: nom d'écran d'un fragment.
6. Nom de classe de fragment: nom de classe simple d'un fragment.
7. Chemin d'accès local au fragment: nom de classe d'un fragment avec chemin d'accès local.
8. Temps de reprise du fragment: temps nécessaire à un fragment pour commencer à interagir avec un utilisateur.
9. Liste des fragments actifs: liste des fragments actifs dans la vue en cours.

Une vue contient les informations suivantes dans une iOS app:

1. Libellé d'accessibilité: libellé succinct dans une chaîne localisée qui identifie l'élément d'accessibilité.
2. Titre de l'élément de navigation: titre de l'élément de navigation affiché dans la barre de navigation.
3. Nom de classe: nom de la classe du contrôleur de vues.