Tire avisos de consentimento, bolhas de chat e modais de newsletter de um vídeo de site: dispense, esconda com CSS, bloqueie com listas de filtros ou use uma ferramenta de captura que os remova antes.
Aviral LakhanpaulAtualizado em 3 min de leitura
Remova antes de capturar, não depois: recortar ou desfocar um aviso num editor nunca fica limpo. Se você mesmo grava, dispense o aviso, esconda o que sobrar com uma linha de CSS no DevTools ou bloqueie os avisos de cookies com uma lista de filtros. Se renderiza a partir da URL, use uma ferramenta que remova automaticamente avisos de consentimento, botões de chat e modais, e que deixe você ocultar por seletor CSS qualquer elemento que ela não pegar.
Uma barra de consentimento presa ao pé da janela aparece em todos os quadros de um vídeo de rolagem. Recortá-la também custa uma faixa da página em cada quadro, e desfocá-la deixa uma mancha parada enquanto todo o resto rola. Uma bolha de chat no canto é a mesma história. A única versão limpa é aquela em que eles nunca estiveram lá.
/* Cole numa nova regra de estilo no painel Elementos. Ajuste os seletores
ao que a página realmente usa. */
#onetrust-banner-sdk,
.cookie-banner,
[aria-label*="cookie" i],
.intercom-lightweight-app { display: none !important; }
html, body { overflow: auto !important; }A última linha importa mais do que parece. Muitos modais travam a rolagem da página enquanto estão abertos, e esconder o modal sem liberar a trava deixa uma página que não rola.
No Website Scroll Video, isso vem ativado por padrão, como «Dispensar avisos de cookies e pop-ups». Antes de qualquer captura, a página é limpa:
Mais duas configurações ficam ao lado. Bloquear rastreadores e anúncios impede que as requisições de rastreamento e de publicidade carreguem, o que também tira do quadro os espaços de anúncio e os widgets que vêm com eles. Ocultar elementos aceita seletores CSS, um por linha, para qualquer coisa específica do site que a limpeza automática deixar passar, como uma barra promocional ou um botão fixo de «Agende uma demo».
Uma barra de navegação fixa faz parte do design, não é bagunça, e normalmente deve aparecer no vídeo. Renderizadores que percorrem uma única captura de tela comprida precisam tratá-la à parte, senão ela aparece uma vez no topo e depois sai rolando. O Website Scroll Video recoloca os cabeçalhos fixos por cima de cada quadro, presos do jeito que um visitante os vê. Se você preferir que ele não apareça, adicione o seletor dele em «Ocultar elementos».
Cole um link e veja a prévia da rolagem de graça. 51 créditos grátis ao criar a conta, sem cartão e sem marca d’água em nada que você exportar.
Dispense o aviso e recarregue para conferir se ele continua dispensado, ou esconda-o com uma regra CSS no DevTools, ou ative uma lista de filtros de avisos de cookies num bloqueador de anúncios. Depois libere qualquer trava de rolagem que ele tenha deixado.
Não. As plataformas de consentimento conhecidas são reconhecidas pelo nome, e as desconhecidas por uma heurística que procura elementos fixos e muito empilhados com texto de consentimento, e os avisos são removidos antes de qualquer captura. Botões de chat e modais de newsletter vão junto.
Adicione o seletor CSS dele em «Ocultar elementos», nas configurações do vídeo, e veja a prévia de novo. A prévia é grátis, então dá para conferir antes de exportar.
Automatize gravações de sites com movimento personalizável, controles inteligentes e opções de exportação pensadas para criadores de hoje.
