웹사이트 녹화에서 쿠키 배너와 팝업을 없애는 법

• 배너를 닫거나 수락하고, 뉴스레터 모달을 닫고, 채팅 위젯을 최소화한 뒤, 새로 고쳐서 다시 나타나지 않는지 확인하세요. 새 시크릿 창에서는 페이지를 불러올 때마다 다시 나타나는 경우가 많습니다.
• 차단하세요. uBlock Origin에는 선택해서 켤 수 있는 쿠키 알림 필터 목록이 있습니다(설정의 필터 목록에서 Annoyances 항목). 녹화에 쓰는 브라우저 프로필에서 켜 두세요.
• 남은 것은 CSS로 숨기세요. DevTools에서 요소를 마우스 오른쪽 버튼으로 클릭해 검사를 고른 뒤, 노드를 삭제하거나 숨기는 규칙을 추가하세요.

/* Elements 패널에서 새 스타일 규칙에 붙여넣으세요. 선택자는
   페이지에서 실제로 쓰는 것에 맞게 고치세요. */
#onetrust-banner-sdk,
.cookie-banner,
[aria-label*="cookie" i],
.intercom-lightweight-app { display: none !important; }

html, body { overflow: auto !important; }

마지막 줄은 보기보다 중요합니다. 많은 모달이 열려 있는 동안 페이지 스크롤을 잠그는데, 잠금을 풀지 않고 모달만 숨기면 스크롤할 수 없는 페이지가 남습니다.

Website Scroll Video에서는 ‘쿠키 배너와 팝업 제거’가 기본으로 켜져 있습니다. 무엇이든 캡처하기 전에 페이지를 정리합니다.

• 주요 쿠키 동의 플랫폼은 이름으로 알아보고 제거합니다.
• 모르는 것은 동의 관련 문구가 있고, 화면에 고정되어 있으며, 다른 요소보다 위에 쌓인 요소를 찾는 휴리스틱으로 잡아냅니다.
• 채팅 버튼, 뉴스레터 모달, 남아 있는 어두운 배경 막도 제거합니다.
• 그런 모달이 남긴 스크롤 잠금을 풀어, 페이지가 맨 아래까지 스크롤됩니다.

그 옆에 설정이 두 개 더 있습니다. 트래커와 광고 차단은 추적과 광고 요청이 불러와지지 않게 해서, 광고 영역과 그것이 끌고 오는 위젯도 화면에 들어오지 않게 합니다. 요소 숨기기에는 자동 정리가 남긴 사이트별 요소를 CSS 선택자로 한 줄에 하나씩 넣습니다. 프로모션 바나 고정된 “데모 예약” 버튼 같은 것들입니다.

고정 내비게이션 바는 거슬리는 요소가 아니라 디자인의 일부이고, 대개 영상에 들어가야 합니다. 세로로 긴 스크린샷 한 장 위를 이동하는 렌더러는 이것을 따로 처리해야 합니다. 그러지 않으면 맨 위에 한 번 나타났다가 스크롤과 함께 사라집니다. Website Scroll Video는 고정 헤더를 매 프레임 위에 다시 얹어, 방문자가 보는 것처럼 고정된 상태로 보여 줍니다. 아예 없애고 싶다면 그 선택자를 ‘요소 숨기기’에 추가하세요.