Mantén los avisos de consentimiento, las burbujas de chat y los modales de newsletter fuera de un vídeo de una web: descártalos, ocúltalos con CSS, bloquéalos con listas de filtros o usa una herramienta de captura que los quite antes.
Aviral LakhanpaulActualizado el 3 min de lectura
Quítalos antes de capturar, no después: recortar o difuminar un aviso en un editor nunca queda limpio. Si grabas tú, descarta el aviso, oculta lo que quede con una línea de CSS en DevTools o bloquea los avisos de cookies con una lista de filtros. Si renderizas a partir de una URL, usa una herramienta que elimine automáticamente los avisos de consentimiento, los botones de chat y los modales, y que te deje ocultar con un selector CSS cualquier elemento que se le escape.
Una barra de consentimiento fijada en la parte inferior de la ventana sale en todos y cada uno de los fotogramas de un vídeo con scroll. Recortarla te cuesta también una franja de la página en cada fotograma, y difuminarla deja una mancha que no se mueve mientras todo lo demás se desplaza. Con una burbuja de chat en la esquina pasa lo mismo. La única versión limpia es aquella en la que nunca estuvieron.
/* Pégala en una nueva regla de estilo del panel Elements. Ajusta los selectores
a los que use realmente la página. */
#onetrust-banner-sdk,
.cookie-banner,
[aria-label*="cookie" i],
.intercom-lightweight-app { display: none !important; }
html, body { overflow: auto !important; }La última línea importa más de lo que parece. Muchos modales bloquean el scroll de la página mientras están abiertos, y si ocultas el modal sin liberar el bloqueo te quedas con una página en la que no puedes hacer scroll.
En Website Scroll Video viene activado por defecto, como «Descartar avisos de cookies y ventanas emergentes». Antes de capturar nada, se limpia la página:
Junto a ese ajuste hay otros dos. «Bloquear rastreadores y anuncios» impide que se carguen las peticiones de seguimiento y de publicidad, lo que también deja fuera del encuadre los espacios publicitarios y los widgets que traen consigo. «Ocultar elementos» admite selectores CSS, uno por línea, para cualquier cosa propia de la web que se le escape a la limpieza automática, como una barra promocional o un botón fijo de «Reservar una demo».
Una barra de navegación fija forma parte del diseño, no es un estorbo, y lo normal es que salga en el vídeo. Los renderizadores que recorren una sola captura de pantalla muy alta tienen que tratarla aparte, o aparece una vez arriba y luego se va con el scroll. Website Scroll Video vuelve a colocar las cabeceras fijas encima de cada fotograma, ancladas tal como las ve un visitante. Si prefieres que no aparezca, añade su selector en «Ocultar elementos».
Pega un enlace y previsualiza el scroll gratis. 51 créditos gratis al registrarte, sin tarjeta y sin marca de agua en nada de lo que exportes.
Descártalo y recarga para comprobar que sigue descartado, ocúltalo con una regla CSS en DevTools o activa una lista de filtros para avisos de cookies en un bloqueador de anuncios. Después, libera el bloqueo de scroll que haya dejado.
No. Las plataformas de consentimiento conocidas se reconocen por su nombre y las desconocidas con una heurística que busca elementos fijados, superpuestos al resto y con textos de consentimiento, y se eliminan antes de capturar nada. Los botones de chat y los modales de newsletter desaparecen con ellas.
Añade su selector CSS en «Ocultar elementos», en los ajustes del vídeo, y vuelve a ver la vista previa. Las vistas previas son gratis, así que puedes comprobarlo antes de exportar.
Automatiza las grabaciones de webs con movimiento personalizable, controles inteligentes y opciones de exportación pensadas para creadores de hoy.
