Gardez les bandeaux de consentement, les bulles de chat et les fenêtres de newsletter hors d’une vidéo de site : fermez-les, masquez-les en CSS, bloquez-les avec des listes de filtres, ou utilisez un outil de capture qui les retire d’abord.
Aviral LakhanpaulMis à jour le 3 min de lecture
Retirez-les avant la capture, pas après : un bandeau recadré ou flouté au montage n’est jamais propre. Si vous enregistrez vous-même, fermez le bandeau, masquez ce qui reste avec une ligne de CSS dans les DevTools, ou bloquez les avis de cookies avec une liste de filtres. Si vous faites le rendu à partir d’une URL, utilisez un outil qui retire automatiquement les bandeaux de consentement, les boutons de chat et les fenêtres modales, et qui vous permet de masquer par sélecteur CSS tout élément qui lui échappe.
Une barre de consentement épinglée en bas de la fenêtre se retrouve dans chaque image d’une vidéo de défilement. La recadrer vous coûte aussi une bande de la page dans chaque image, et la flouter laisse une tache immobile pendant que tout le reste défile. Une bulle de chat dans un coin, c’est la même histoire. La seule version propre est celle où ils n’ont jamais été là.
/* À coller dans une nouvelle règle de style du panneau Éléments. Adaptez
les sélecteurs à ceux que la page utilise réellement. */
#onetrust-banner-sdk,
.cookie-banner,
[aria-label*="cookie" i],
.intercom-lightweight-app { display: none !important; }
html, body { overflow: auto !important; }La dernière ligne compte plus qu’il n’y paraît. Beaucoup de fenêtres modales bloquent le défilement de la page tant qu’elles sont ouvertes, et masquer la fenêtre sans lever ce blocage laisse une page impossible à faire défiler.
Dans Website Scroll Video, c’est activé par défaut, sous le nom « Supprimer les bandeaux cookies et les fenêtres ». Avant toute capture, la page est nettoyée :
Deux autres réglages se trouvent à côté. « Bloquer les traqueurs et les publicités » empêche le chargement des requêtes de suivi et de publicité, ce qui garde aussi hors du cadre les emplacements publicitaires et les widgets qu’ils apportent. « Masquer des éléments » accepte des sélecteurs CSS, un par ligne, pour tout ce qui est propre au site et que le passage automatique laisse, comme une barre promotionnelle ou un bouton fixe « Réserver une démo ».
Une barre de navigation fixe fait partie du design, ce n’est pas un parasite, et elle a généralement sa place dans la vidéo. Les moteurs de rendu qui font défiler une seule capture d’écran très haute doivent la traiter à part, sinon elle apparaît une fois en haut puis s’en va avec le défilement. Website Scroll Video replace les en-têtes fixes par-dessus chaque image, épinglés comme un visiteur les voit. Si vous préférez qu’ils n’apparaissent pas du tout, ajoutez leur sélecteur dans « Masquer des éléments ».
Collez un lien et prévisualisez le défilement gratuitement. 51 crédits offerts à l’inscription, sans carte bancaire, et aucun filigrane sur ce que vous exportez.
Fermez-le et rechargez la page pour vérifier qu’il reste fermé, masquez-le avec une règle CSS dans les DevTools, ou activez une liste de filtres contre les avis de cookies dans un bloqueur de publicités. Levez ensuite le blocage du défilement qu’il a pu laisser.
Non. Les plateformes de consentement connues sont reconnues par leur nom, et les inconnues par une heuristique qui cherche des éléments épinglés, placés au premier plan, avec une formulation de consentement ; elles sont retirées avant toute capture. Les boutons de chat et les fenêtres de newsletter partent avec elles.
Ajoutez son sélecteur CSS dans « Masquer des éléments », dans les réglages de la vidéo, et relancez l’aperçu. Les aperçus sont gratuits : vous pouvez vérifier avant d’exporter.
Automatisez vos enregistrements de sites avec un mouvement personnalisable, des réglages intelligents et des options d’export pensées pour les créateurs d’aujourd’hui.
