내 블로그가 익스플로러 6~10 버전에서 잘 보이는지 확인하려면?

제 블로그를 반응형 스킨으로 변경을 했습니다. 그래서 PC/스마트폰 뿐만아니라 여러 환경에서 잘 보이는지 둘러보고 있는중입니다.
마이크로소프트의 인터넷 익스플로러 8이하 버전인가 7이하 버전인가 에서는 반응형웹이 잘 안보인다길래.. 과연 어떤 상태로 보이는지 확인해보려고 하다가 IE 버전별로 테스트 할수 있는 프로그램이 있다고 해서 한번 설치해봤습니다.

홈페이지 - http://www.my-debugbar.com

IETester 를 다운로드 받아서 설치하시면 되는데 별로 어려울건 없으나, 다른 여러나라 언어까지 디폴트로 깔리던데... 싫으시면 영어/한국어 정도만 체크해서 까시면 됩니다.

IETester 로 IE 6~9 까지 제 블로그를 한번 들어가 봤습니다.
버전별로 페이지가 탭방식으로 되어있어서 간편하게 확인하실수 있습니다.

제 블로그를 살펴보니...
IE 6 에서는 '애드센스'가 안나오며, 우측의 '사이드바'가 전혀 안나오네요.
IE 7 에서는 '애드센스'가 안나오며, 우측의 '사이드바'가 본문 하단으로 내려와서 보입니다.
IE 8 에서는 '애드센스'가 안나오며, 사이드바는 나오나, 제일 위쪽의 '관리자'는 안나오는군요.
IE 9 부터는 모두 정상적으로 보이구요.

정말로 각 버전별로 진짜 저렇게 보이는지는 모르겠습니다. 정확한건 실제로 각 브라우져 버전에서 직접 테스트를 해보는 것이겠지요.

---

↓ 2014-02-25

 

구글 애널리틱스로 지난 2.4~2.25 일간 방문자의 브라우져를 살펴보면... 38.6%가 익스플로러고, 그 익스플로러중의 42.3% 는 IE7, 32.2%는 IE8 이라는 분석입니다. 그럼 대략 전체 방문자중에 28% 유저에겐 애드센스가 안보인다는 계산이네요.-_-;

반면 네이버 애널리틱스는 2.4~2.24일간 13.02%는 IE8 이고 0.76%는 IE7 로 나옵니다. 즉, 전체 방문자중에서 ie7, ie8 사용자는 두개를 합친수치인 13.78% 라는것 이겠네요.

두개의 분석툴간에 차이가 꽤 커서, 어떤 통계를 얼마만큼 믿어야 할지 모르지만...
어쨋든, 반응형 스킨을 쓰면 익스플로러 6, 7의 낮은 버전 사용자들은 사이드바가 안보이니 조금 불편해할수 있겠고, PC에서 방문하는 전체 이용자중 상당수에게는 애드센스 광고가 나오지 않는 큰(?) 문제가 있다는것!

▲ 윈도우 7의 Virtual PC 에 windows XP를 설치해서 한번 봐봤습니다.

▲ 이 버추얼PC는 아마 xp환경과 동일한걸로 알고있습니다. 위에서 IETester로 확인했던것과 마찬가지로 IE6, IE7, IE8 에선 애드센스가 안보이는군요.

이게 아마 PC와 같이 넒은 화면에서만 보여주게끔 하는 코드 div class="visible-md visible-lg" 를 인식을 못해서 그런것 같습니다. 그래서 상단 2개 대신에 반응형으로 1개를 집어 넣어봤습니다. 애드센스 반응형코드가 '권장','고급' 2개가 있는데..

 

반응형 애드센스 '권장'을 넣어보니 이번엔 모바일에서 336*280 사이즈가 상단에 떡하니 나와서 Fail... (이럴경우 애드센스 정책위반으로 걸릴 가능성이 높거든요)

반응형 애드센스 '고급'으로 했을때는 @media 코드를 인식못하는건지, IE 6~8 PC의 넓은화면에서 모바일용으로 맞춰놓은 기본 320*100 이 떠버려서 문제네요. 이럴경우 IE6~8 유저 잡자고, 그외 유저를 다 놓쳐버리는 사태가 나올거 같네요.

그래서 이러지도 못하고 저러지도 못하는 상태입니다. 방법이 있는지 어쩐지 모르겠지만 IE6~8에서도 상단2개가 잘 보일수 있는 방법을 찾아 헤매고 있습니다.ㅎㅎ

---

↓ 2014-03-02 내용추가

visible-md같은 코드를 이용해서 좌상단에 띄웠다가 특정사이즈에서는 사라지게 했고,
우상단은 애드센스 고급형을 약간 응용해 적용시켜서 IE7/8 에서도 나오게끔 했습니다.
그래서...  PC화면에서는 2개가 보이다가 가로폭이 얼마이하로 줄어들면 1개가 보이도록 할수 있게 되었네요.
PC화면 IE7/8 에서 2개가 아닌 1개가 나오는데... 더이상의 해결방법은 없는거 같아 당분간 이렇게 사용하게 될것 같습니다.