Les heatmaps montrent où les gens cliquent et jusqu’où ils scrollent, une page à la fois. La click map est dessinée sur un screenshot serveur de cette URL, pas sur un rectangle vide.

Préalable

  1. Une URL de site sur le projet (https://www.example.com). Lab et heatmaps partagent cette origine.
  2. Le host visité doit correspondre (www et l’apex sont le même site).
  3. La page doit être joignable publiquement (pas de login, pas de 401/403).
  4. L’API doit avoir Chromium (playwright install chromium, déjà dans l’image Docker de l’API).
V1 = desktop 1440×900, page entière. Pas de capture mobile dans cette version.

Déroulement

  • Lazy : ouvrir un chemin le capture s’il manque ou a plus de 7 jours.
  • Cron : POST /v1/internal/jobs/heatmap-captures (quotidien, X-Internal-Secret) recapture les chemins les plus cliqués.
  • Recapturer cette page force un nouveau screenshot sans attendre le TTL.
  • Les clics s’affichent même si le screenshot échoue. L’overlay n’est pas bloquant.
Les screenshots sont privés (endpoint image authentifié). Rien n’est pris dans le navigateur du visiteur.

Config

Chromium en local :

États

Voir aussi Dépannage et Sécurité.