언제부터인지 확실치 않지만 맥OS와 iOS가 업데이트 되면서 갑자기 사파리 버그 같은 이상한 문제가 생기기 시작했습니다.
사파리로 웹 사이트를 방문하면 공백이 숭숭 뚫리고 마치 만들다 만듯한 사이트처럼 보입니다.
이 숭숭 뚫린 부분은 구글의 애드센스 광고입니다. (사실 애드센스 광고는 별로 수익이 되지 않습니다만.. 그나마 서버 운영비를 위해서 광고를 답니다.)
추정컨데 이 문제는 맥OS 몬터레이부터 적용된 IP 추적 제한과 비공개 릴레이라는 기능이 추가되면서 생긴걸로 보입니다.
IP 추적 제한과 비공개 릴레이 기능이 없는 맥OS 빅서를 사용하는 구형 맥북프로에는 이런 문제가 전혀 발생하지 않습니다.
이 정체를 알 수 없는 사파리 버그는 윈도우로 블로그를 운영하시는 분들이나 아이폰이 아닌 안드로이드를 사용하시는 분들은 절대로 알 수 없는 버그입니다.
사파리 버그로 인한 공백 문제는 맥 컴퓨터 뿐만 아니라 아이폰의 사파리에서도 동일한 문제가 발생합니다.
플랜김은 새로 포스팅을 하거나 사이트 디자인을 수정한 후에 항상 윈도우 컴퓨터와 맥북, 아이폰과 안드로이드로 사이트 전체를 테스트합니다.
하지만 맥OS 몬터레이 이후 세콰이아가 출시된 지금까지 이 버그는 고쳐지지 않고 있습니다.
광고가 공백으로 보이는 사파리 버그
사파리는 맥 컴퓨터의 기본 웹 브라우저 입니다.
애플은 새로운 OS를 출시할 때마다 사파리의 디자인이나 기능을 업데이트 하면서 정말 좋아졌다고 홍보합니다.
웹 브라우저는 모든 인터넷이 시작되는 가장 기본이 되는 앱이기 때문에 애플이 공을 들여서 기능을 업데이트하는 것은 이해가 됩니다.
하지만 버그도 같이 업데이트 한 게 정말 치명적입니다.
지난 몇 달간 전 세계의 모든 정보를 찾아본 결과 그나마 가장 근거가 있는 해답은 이것이었습니다.
사파리에서 광고란이 공백으로 나오는 문제는 사파리가 위치 정보를 사용하기 때문이다. 특히 아이폰 사파리에서 웹사이트를 방문할 때 공백으로 나오는 경우, 와이파이의 IP 추적 제한을 키고, 아이클라우드의 비공개 릴레이를 키면 공백이 사라진다.
지금까지 찾아 낸 답은 이게 다입니다. 혹시 다른 방법을 알고 계신 분은 댓글로 좀…
하지만 이 경우에도 100% 수정이 되지 않고 약 80% 정도 수정이 되는 것으로 보입니다.
사파리 버그 해결 방법
그래서 별의 별 테스트를 하다가 해결 방법 2가지를 찾아내긴 했습니다.
첫 번째 방법은 재미나게도 사파리를 ‘새로운 개인정보 보호 윈도우’ 모드를 키고 사이트를 방문하면 됩니다.
새로운 개인정보 윈도우로 웹 사이트를 방문하면 공백 없이 광고도 잘 표시되고 사이트가 완벽히 보입니다.
이게 대체 무슨 연유란 말입니까? 팀쿡 싸장님…
보안이라고 하면 오히려 광고가 안 보여야 되는데 광고가 완벽히 보이고 일반 모드 사파리에서는 광고가 안 보입니다.
아직까지 유능한 플랜김이 이해가 안되고 있습니다.
두 번째 방법은 크롬이나 엣지 브라우저를 사용하면 됩니다.
크롬이나 엣지를 사용하면 웹 사이트의 공백은 사라지고 광고도 잘 나오고 사이트도 정상으로 잘 나옵니다.
애플은 요즘 한번 만든 버그는 매번 OS가 나오면서 절대로 수정을 하지 않는 이상한 전략을 구사하고 있습니다.
좀 고쳐주세요. 팀쿡 싸장님!!!
사파리 버그를 피하는 블로그 운영 팁
이런 사파리 버그로 인해 구글도 알고 있는지, 사파리에서 광고가 표시되지 않는 경우 다음과 같은 코드를 제시하고 있습니다.
| /* 애드센스 광고 공백 삭제 */ ins.adsbygoogle[data-ad-status=”unfilled”] { display: none !important; } |
워드프레스를 사용하시는 분들은 이 코드를 ‘사용자 정의 추가 CSS’에 추가하시면 됩니다.
현재 플랜김 사이트에서는 사파리 광고가 안 보이는 문제를 심히 우려하여 이 코드를 사용하고 있습니다.
이 코드를 사용하면 웹 페이지가 로딩되다가 사파리에서 광고를 표시하지 못하면 그 공백을 없애버립니다.
하지만 이 코드를 사용하면 공백 부분으로 콘텐츠가 이동하면서 화면이 잠시 변경됩니다.
100% 만족하지는 않지만, 그나마 사이트가 만들다 만듯한 사이트가 되지 않게 보여서 사용중입니다.
결론
이 문제는 윈도우나 안드로이드를 사용하는 유저들은 절대 알 수 없는 버그입니다.
오직 애플 사파리에서만 발생하는 문제로 지금까지 해결 방법은 위에서 설명한 것 뿐입니다.
이 문제를 해결할 수 있는 것은 오직 애플 뿐입니다.
어쩔 수 없이 다음 맥OS 가 나오는 내년 6월 WWDC까지 기다려 볼 수 밖에 없습니다.
제발 고쳐주세요… 팀쿡 싸장님!!!
(추신) 제 사이트를 방문하시는 분들은 크롬이나 엣지를 사용해주시면 감사하겠습니다.
참고
