Monitoring Visuel

Mode d'emploi

1. Monitoring visuel

Un monitoring visuel est un moyen pratique et utile d'identifier les changements réels et visibles sur un site Web dans leur contexte.

Parfois (souvent ?) Un changement de texte ou d'image peut avoir un impact beaucoup plus important que ce que vous pourriez imaginer. Être capable de détecter et d'afficher ces changements dans leur contexte d'origine, comme n'importe qui pourrait le voir, devient un atout puissant pour collecter des renseignements.

L'utilisation des outils de surveillance visuelle de Pagescreen élimine le besoin de vérification manuelle des sites Web pour identifier ce qui a changé ou pour collecter des archives Web.

2. Création d'un monitoring visuel

La mise en place d'un monitoring visuel est facile et peut être effectuée en quelques secondes seulement .

  • Visitez la section "Monitoring" de votre compte
  • Cliquez sur "ajouter un nouveaux monitoring"
  • Entrez l'adresse de la page que vous voulez surveiller
  • Sélectionnez les options souhaitées
  • Validez!

Une fois le monitoring créé, nous générerons la capture initiale qui servira de base de comparaison pour la suivante.

3. Modèles

Dans le but d'unifier vos captures et d'améliorer la gestion de celles-ci, vous pouvez sauvegarder vos préférences dans un modèle. Celui-ci vous aidera également à organiser vos monitoring et captures si vous souhaitez surveiller un rendu en fonction de plusieurs tailles d'écran de appareils.

Un modèle peut être enregistré en utilisant les mêmes préréglages utilisés pour une capture individuelle.

Options de capture: Retard

Notre technologie de rendu attend que la page soit complètement chargée avant de créer une capture d'écran de la page Web. Mais, il peut arriver que certains éléments de la page soient chargés de manière asynchrone, ou animés par la suite. Si cela se produit, vous pouvez choisir d'ajouter un délai supplémentaire (pas plus de 60 secondes) entre le chargement de la page et la capture d'écran réelle. Nous recommandons d'utiliser un délai de 5 à 10 secondes, dans les cas suivants: la page montre un chargeur la page utilise des animations lorsqu'elle est chargée * la page est généralement lente à afficher

Options de capture : "Viewport" ou taille d'écran

La taille de fenêtre reflète la partie visible de l'écran dans le navigateur Web. Elle est exprimée avec deux valeurs en pixels : une largeur et une hauteur.

alt text

Nous fournissons des valeurs par défaut pour imiter les ordinateurs de bureau, les tablettes et les mobiles, qui sont calculées sur la base des plus récentes tailles d'écran communes pour chaque type d'appareil. Mais si vous avez besoin de contrôle supplémentaire, pas de problème ! Nous vous laissons changer ces valeurs pour ce qui répondra le mieux à vos besoins.

Options de capture : page entière

Pagescreen prend en charge les captures d'écran de page entière. Si vous avez besoin de capturer toute la page de haut en bas, c'est possible !

Nous pouvons capturer des pages web qui ne dépassent pas plus de 10.000 pixels de hauteur. Au-delà de cette limite, nous ne pouvons pas garantir un rendu parfait. Lorsque vous choisissez l'option 'page entière', vous devrez simplement vous soucier de définir la largeur de la fenêtre et nous calculerons tout le reste pour vous.

Notez qu'une capture d'écran pleine page sera plus lourde et prendra quelques secondes de plus à être générée.

Options de capture : format d'image

Les formats PNG ou JPEG, sont les deux formats les plus largement utilisés pour générer des images, le choix est donc le votre. Sachez qu'un rendu PNG sera moins compressé, donc potentiellement avec une définition perçue plus élevée, mais l'image de sortie sera plus lourde en même temps.

D'après notre expérience, le format JPEG convient à la plupart des cas et s'est avéré être très performant pour des sites Web très graphiques. Le format PNG sera lui plus approprié pour les sites Web contenant beaucoup de texte.

4. Fréquence de monitoring

Vous pouvez définir une fréquence de monitoring pour selon vos besoins : horaire, quotidien (y compris plusieurs fois par jour) ou hebdomadaire.

5. Alertes lors d'un changement sur une page

Il y a deux types d'alertes lorsqu'un changement se produit.

Dans votre compte : Chaque fois qu'un changement se produit, une petite icône apparaît à côté de la capture sur vos listes.

Alerte email : Au-delà d'un seuil pré-défini, à un certain niveau de changement, nous vous en informerons également par email. Si votre compte est partagé avec des collaborateurs, ils recevront également une alerte.

Par défaut, le seuil est fixé à 8% mais il peut être modifié selon vos préférences en fonction de l'importance des changements pour lesquels vous souhaitez être alerté.

6. Comparaison de capture

Pour chaque changement, vous aurez la possibilité de voir l'avant / après d'une page, en utilisant la version précédente immédiate ou toute capture d'écran antérieure disponible sur votre compte.

Pour vous aider à identifier rapidement ce qui a changé exactement, vous disposez de trois modes de visualisation:

  • avant / après : permet de basculer d'une capture à l'autre, et de révéler les différences
  • côte à côte : affichera les deux captures de front
  • superposition : met en évidence par superposition les pixels qui sont différents d'une capture à l'autre

Change Comparison Diff

Change Comparison Side by Side

Change Comparison Before and After

7. Gestion des faux positifs

Chaque site a ses propres spécificités et en fonction de ce que vous voulez surveiller exactement, certains changements ne seront pas nécessairement d'une grande utilité pour vous.

Dans ce cas, vous pouvez modifier le niveau d'alerte ou nous indiquer plus précisément pourquoi le changement n'est pas pertinent en nous contactant. Nous ferons de notre mieux pour réduire le bruit qu'une surveillance peut créer et adapter le comportement de détection de changements en conséquence.

Essayez Pagescreen gratuitement

Testez toutes les fonctionnalités pendant 14 jours.

créer un compte


pas de carte de crédit nécessaire, ni engagement.