애드센스 '반응형 광고 단위' 이용후기...

지난주에 티스토리 스킨을 반응형으로 변경하고 나서, AdSense 광고도 반응형으로 달아봤습니다.

▲ 광고유형에서 '반응형 광고 단위(베타)'로 선택해서 하면 되고 그외에 특별할것은 없습니다.

▲ 코드는 '스마트 크기 조정(권장)'이 있고...

▲ '고급(코드 수정 필요)'가 있는데, 아직 반응형 웹에 대한 기초가 없어 잘 모르므로 일단 '권장'하는걸로만 해봤습니다.

▲ 일반 데스크탑 컴퓨터로 본화면인데... 현재 블로그 본문 가로폭을 765px정도로 사용중이라, 그에 알맞는 사이즈인 '728*90' 광고가 나옵니다. 아마 가로폭이 더 넓었다면 '970*90' 정도의 큰 광고단위도 나왔을거 같구요.

구글의 광고단위 크기 / 설명
- https://support.google.com/adsense/answer/185666?hl=ko&ref_topic=29561

▲ 브라우저의 가로폭을 적당히 줄여봤더니 '336*280' / '468*60' / '250*250' 광고단위가 나왔습니다. 이처럼 브라우져 가로폭의 크기에 따라 자동으로 알맞은 크기의 광고단위가 나오게 됩니다.
 

▲ 마찬가지로 모바일에서도 화면 사이즈에 맞는 적당한 크기의 광고단위가 노출됩니다. 위 이미지는 '갤럭시 노트1'에서 본 화면인데, 아마 '336*280' 와 '468*60' 정도로 보이네요.


이 반응형 광고를 모바일 상단에 배치할경우 336*280 같은 큰 광고가 떠서, 덩그러니 광고만 보이고 본문컨텐츠가 안보일경우 애드센스 정책 위반에 걸릴수 있으니 주의하셔야 합니다.

애드센스 - 티스토리 모바일상단 300x250 정책위반 대상 - http://motivation.tistory.com/703

그래서 제경우 모바일 상단에는...

▲ 반응형 애드센스 말고, 고정형 애드센스 320*100 사이즈만 나오게끔 설정을 해놨습니다.
웹/모바일에서 광고단위를 따로 나오게 하는 방법은 '마크쿼리 커뮤니티 http://markquery.com/community/faq_skeleton/605 '를 참고하세요.