Par défaut, nous comparons la page entière. C'est rarement ce que vous voulez : un bandeau de cookies, une date du jour, un compteur de visiteurs ou un encart publicitaire changent à chaque passage et déclencheraient une alerte à chaque fois. Désigner la zone qui vous intéresse est le réglage qui fait la différence entre un monitor utile et un monitor bruyant.
Le sélecteur visuel
La façon la plus simple, et celle que nous recommandons. Dans le formulaire de création, collez l'adresse puis cliquez sur « Prévisualiser ». Nous allons chercher la page et vous en affichons une image, dans la colonne de droite.
Survolez cette image : les blocs de la page s'encadrent au passage de la souris. Cliquez sur celui que vous voulez surveiller — le champ du sélecteur se remplit tout seul. Vous pouvez recommencer autant de fois que nécessaire.
Ce que vous voyez est bien une image, jamais la page réelle rechargée dans la vôtre : aucun contenu tiers ne s'exécute dans votre navigateur.
Un seul aperçu à la fois par compte, avec une limite de 10 aperçus par heure en gratuit et 50 en Pro. L'aperçu expire au bout de cinq minutes.
Écrire le sélecteur à la main
Le champ accepte un sélecteur CSS, la même syntaxe que celle utilisée pour mettre en forme une page. Quelques formes courantes :
| Sélecteur | Désigne |
|---|---|
#tarifs | L'élément dont l'identifiant est tarifs. |
.price-table | Les éléments portant la classe price-table. |
main article | Les article situés dans le main. |
table.tarifs tbody | Le corps du tableau de classe tarifs. |
Pour le trouver vous-même : ouvrez la page dans votre navigateur, clic droit sur la zone voulue, « Inspecter », puis repérez l'identifiant ou la classe de l'élément encadré.
Préférez un sélecteur court et stable. Une chaîne très longue, recopiée depuis l'outil de développement, dépend de la structure exacte de la page et cessera de fonctionner à la première refonte.
Les sous-sélecteurs des listes
Pour un monitor de type RSS Feed, le sélecteur principal désigne l'élément qui se répète — une ligne de la liste, pas la liste entière. Trois sous-sélecteurs, facultatifs, se rapportent ensuite à l'intérieur de chaque élément : où trouver le titre, le lien et la date.
Le sélecteur visuel les remplit également : après avoir désigné l'élément répété, cliquez sur son titre puis sur sa date.
Modifier un sélecteur après coup
C'est possible, depuis le panneau Paramètres de la fiche. Mais l'historique est effacé : changements passés, captures et relevés antérieurs sont supprimés, et le monitor repart d'une base neuve au passage suivant.
Ce n'est pas une précaution excessive. L'ancien historique décrit une autre zone de la page : le conserver ferait apparaître, à la comparaison suivante, un changement massif qui n'a jamais eu lieu. Une confirmation vous est demandée avant d'enregistrer.