모든 웹사이트에서 팝업과 오버레이를 숨기는 방법

팝업을 없애기 어려운 이유

요즘 웹사이트의 팝업은 창이 아닙니다. 페이지의 일부입니다. 콘텐츠 위에 그려진 상자로, 뒤에 어두운 막이 깔린 경우가 많고, 구독하거나 앱을 내려받거나 특별 할인을 보라고 합니다. 위나 아래에 고정 막대를 덧붙이는 사이트도 많습니다. 어떤 사이트는 상자를 처리하기 전까지 스크롤하지 못하게 페이지를 잠그기까지 합니다. 매일 들르는 사이트에서 매번 같은 오버레이를 보는 것은 작지만 반복되는 비용입니다.

기본 제공 방법

Chrome의 팝업 및 리디렉션 설정은 사이트가 허락 없이 열려는 새 창을 차단합니다. 기본으로 켜져 있습니다. 하지만 오버레이는 새 창이 아니라 사이트가 보내 주는 페이지의 일부라서 영향을 받지 않습니다.

대부분의 오버레이에는 닫기 버튼이 있고, 많은 사이트가 닫았다는 사실을 기억합니다. 쿠키를 지우거나 다른 브라우저를 쓰기 전까지는요.

수동 방법

닫기 버튼이 없거나 닫아도 다시 뜬다면 직접 오버레이를 없앨 수 있습니다.

1. 오버레이를 오른쪽 클릭하고 검사를 선택합니다.
2. 열린 요소(Elements) 패널에서 오버레이를 담은 요소를 찾습니다. 줄 위에 마우스를 올리면 페이지의 해당 부분이 강조됩니다.
3. 그 줄을 오른쪽 클릭하고 요소 삭제를 선택합니다.
4. 그래도 페이지가 스크롤되지 않으면 사이트가 페이지 자체의 스크롤을 잠근 것입니다. 요소 패널에서 body 요소를 선택하고, 스타일(Styles) 패널에 보이는 overflow: hidden 스타일을 지웁니다.

효과는 있지만 다음에 페이지를 불러오면 전부 되돌아옵니다. 방문할 때마다 하기는 현실적이지 않습니다.

도구로 영구히 해결하기

사용자 스크립트라면 방문할 때마다 같은 일을 할 수 있습니다. 원하는 웹사이트에서 실행되는 짧은 JavaScript 코드입니다. 특정 사이트용으로 만든 스크립트는 그 사이트의 팝업, 고정 배너, 오버레이가 어떻게 생겼는지 알고, 나타나면 숨기며, 사이트가 스크롤을 잠갔다면 잠금을 풉니다. 많은 팝업이 잠시 뒤에, 또는 탭을 닫으려고 마우스를 옮길 때 나타나므로, 좋은 도구는 페이지를 계속 지켜보다가 나타날 때마다 숨깁니다.

ScriptPanda는 설명만으로 이런 도구를 작성하는 Chrome 확장 프로그램입니다. 팝업이 있는 사이트에서, 가능하면 팝업이 떠 있을 때 사이드 패널을 열고 이 가이드 끝의 요청을 붙여 넣으면, 그 페이지용 도구를 만들어 설치합니다. 다음에 방문하면 오버레이 없이 페이지가 열립니다.

도구가 만들어진 뒤에는 숨기는 데 AI가 필요 없으므로 요금제의 요청을 쓰지 않고 실행됩니다. 만들고 고칠 때만 요청을 씁니다.

쿠키 배너에 대한 참고

쿠키 동의 배너는 특별한 경우입니다. 배너를 숨긴다고 쿠키를 수락하거나 거부하는 것이 아닙니다. 배너가 안 보이게 될 뿐이고, 사이트는 응답하지 않은 것처럼 동작합니다. 많은 사이트에서는 동의 전 기본 동작을 그대로 한다는 뜻입니다. 사이트가 무엇을 저장하는지 신경 쓴다면 배너를 숨기지 말고 원하는 선택으로 한 번 응답하세요. 그다음에 나머지 잡동사니를 숨기는 도구를 요청하면 됩니다.

다른 변경과 함께 쓰기

페이지가 어수선할 뿐 아니라 눈부시기까지 하다면, 관련 다크 모드 가이드에서 같은 사이트용 다크 테마를 만듭니다.

한계

각 도구는 컴퓨터의 Chrome에서, 만들 때 열어 둔 사이트용으로 만들어집니다. 페이지가 그린 오버레이를 숨깁니다. 무언가를 불러오지 못하게 막지는 않으므로 팝업이 숨겨지기 전에 잠깐 보일 수 있습니다. 사이트가 팝업 구조를 바꾸면 도구가 놓칠 수 있습니다. 팝업이 떠 있을 때 페이지에서 ScriptPanda를 열고 무엇이 돌아왔는지 말한 뒤 도구를 고쳐 달라고 하세요. 유료 장벽이나 로그인 장벽처럼 일부 사이트는 일부러 오버레이 뒤에 콘텐츠를 둡니다. 상자를 숨긴다고 사이트가 허락하지 않은 접근 권한이 생기지는 않으며, 뒤의 콘텐츠가 아예 없을 수도 있습니다.