단비스님의 블로그 티스토리 애드센스 모바일,PC용 배치와 반응형 광고 단위를 스킨에 넣는 방법이라는 글 마지막 부분에 애드센스 반응형 광고의 가로세로 크기를 0으로 해서 광고가 노출되지 않도록 하는 방식에 대한 소개가 나와요. 애드센스 행아웃 진행하셨던 켈리님께 질문한 캡처 화면도 있고요.
이제까지 애드센스 광고를 숨기는 건 정책위반이라고 알고 있어서 어떤 경우든 광고를 숨기면 안 되는 줄 알았거든요.
애드센스는 확답이 아니라 애매하게 답변해서 블로거들이 혼란을 느끼는 경우가 많아서 확답을 듣고 싶었어요. 크기를 0으로 하는 방법이 광고를 숨기는 게 아닌지 애드센스에 문의했고 답변을 받았습니다.
결론은 광고를 숨기는 행위가 아닌 정당한 광고 구현 방식이라는 거지요.
광고가 노출되는데 안 보이는 게 숨기는 거고, 노출 자체가 안되는 건 광고 구현 방식이라는 거지요.
참고로 반응형 애드센스의 고급(코드 수정 필요)에서 크기를 0으로 해야지 그냥 스킨의 style.css에서 크기를 0으로 하는 걸 말하는 게 아니니까 주의하세요. 외부스타일 시트에서 반응형 광고의 크기를 설정하는 건 지원되지 않아요. style.css를 이용해서 상위 컨테이너의 크기를 0으로 만드는 건 광고는 노출되는데 숨기는 행위라서 정책위반일 가능성이 매우 높고요.
<style>
.my_adslot { width: 0; height: 0; }
@media(min-width: 500px) { .my_adslot { width: 468px; height: 60px; } }
@media(min-width: 800px) { .my_adslot { width: 728px; height: 90px; } }
</style>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 본문_상단_반응형 -->
<ins class="adsbygoogle my_adslot"
style="display:inline-block"
data-ad-client="ca-pub-123456789"
data-ad-slot="123456789"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
사실 이 블로그 유입량의 70%는 모바일이에요. 모바일 페이지 상단에 320x100을 노출하고 있지만 수익이 거의 없거든요. 그래서 수입도 얼마 되지 않아서 떼버리고 싶었는데 상단 광고가 모바일에서는 안 보이고 데스크톱에만 보이게 하는 방법을 찾지 못해서 그냥 내버려두고 있었거든요.
이제는 반응형 광고의 크기 제한을 통해서 노출을 금지하는 것이 정책위반이 아니라는 걸 확실히 알았으니 이 방법을 이용해서 모바일 상단 광고를 떼기로 했습니다.
데스크톱에서만 336x280이 노출되고 모바일 화면에서는 제 책 광고가 나오도록 했어요. (수학방 책이 나왔습니다.)
조금 다른 방법으로 활용할 수 있을 거예요.
일반적으로 데스크톱에서는 상단 2개가 수익이 가장 많은데, 모바일에서는 상단 1개밖에 사용할 수 없어서 고민하는 분들을 많이 봤거든요. 모바일 화면에서는 광고의 위치를 다른 곳으로 옮기는 스크립트를 사용하는 분도 있고요.
이제 간단히 데스크톱 상단에 애드센스 2개를 나오게 한 다음에 모바일 화면에서는 둘 중 하나의 크기를 0으로 만들어서 노출하지 않도록 하는 것도 가능하죠.
반응형 광고 단위가 아니면 사용할 수 없는 방법이긴 하지만 대세가 반응형 광고이니만큼 적절한 방법으로 적절한 곳에 사용해보세요.
함께 보면 좋은 글
애드센스 A/B테스트을 쉽게 - 실험 베타 서비스
애드센스 수입 향상 팁 - 텍스트 광고 편
애드센스 필수 가이드북
애드센스 최적화 배치 방법, 히트맵(headtmap)
수학도 잘하시고 웹 퍼블리싱도 잘하시고
멋지십니다 ㅎㅎ
블로그를 운영하다보니 여기저기서 본 게 있어서 조금씩 늘어가고 있어요.
모바일상단에 컨텐츠 어느정도만나오면 정책위반아닌걸루 아는데요;;
저는 반응형스킨사용중인데 모바일상단에 320x50 중간에 300x250 하단에 320x50이나 100짜리 나오게해놧어요 -0-
근데 문제가 될려나 모르겟네요
pc에서는 상단 중간만 나오게해놧구요 -0-
모바일 본문 상단의 컨텐츠 양이 "어느정도"가 있어야 정책위반이 아닌지는 정말 아무도 몰라요. 아마 구글도 모를 거예요. 게다가 애드센스 공식 블로그에 모바일 상단 300x250은 정책위반이라고 공지했으니까 사용하지 않는 게 좋죠.
http://adsense-ko.blogspot.kr/2014/03/blog-post.html
하단에도 300x250으로 바꿔보세요. 수익이 조금 늘어날 거예요.
상단은 320x50만뜨게해놔서 괜찮을꺼같아요
하단은 반응형이라 가끔 300x250도 나와요
충고감사합니다 ^^
반응형이 크기에 맞게 알아서 나와주니까 관리가 편하죠? 많은 수익 내시길 바랄게요.
모바일에서 애드센스 광고 상단을 최대 얼마나의 크기까지 사용을 해도 괜찮은지 반응형 스킨을 사용하다 보니 자꾸 욕심이 생기긴 합니다.
저는 스마트폰에서는 200X200크기를 일단 사용중에 있습니다.
정책위반만 안된다면 더 큰것도 한번 사용해 보고 싶은 욕심이 생기기도 하구요.^^
모바일 상단 300x250은 정책위반이라고 애드센스 블로그에 공지 떴어요. 욕심 내시면 안돼요. ㅎㅎ
반응형 스킨으로 바꾸고 나서 모바일 상단 광고를 이리저리 바꿔봤지만 어떤 방법을 해도 수익이 영 아니더라고요. 그래서 그냥 떼기로 한 거예요. 본문 오른쪽 200x200이 수익이 많이 나면 나중에 결과 좀 알려주세요.
안녕하세요. 늘 포스트 정말 유용하게 잘 보고 있습니다. 제가 데스크탑사이드바에 300 250 광고를 뛰우고있는데 모바일에서 숨기려면 위처럼 반응형 고급코드에서 0 0 으로 하면 정책위반이 아닌게 맞는지요? 감사합니다
0 0 으로 해도 정책위반이 아니라는 게 이 글의 취지예요.
반갑습니다.
반응형 검색하다 여기까지 왔습니다.
반응형이 속을 썩여 고민입니다.
이상하게 안드로이드 단말기에서는 정상적으로 보이는데....아이폰에서만 뭔가 이상합니다.
데스크탑에서는 상단에 2개, 모바일에서는 하나만 출력되게 했습니다.
님께서 하신 것처럼....두번째것은 폭 : 0 높이 : 0로...안보이게.
그런데 요로콤 나옵니다. ㅠ.ㅠ
http://boribab.tistory.com/9063
한번 봐주시고 뭐 때문에 그런지....
애드센스 코드는 문제가 없어 보이는데요.
다음의 트로이라는 사이트에 모바일 기기에서 보이는 화면을 확인할 수 있는데, 거기서 한 번 확인해보세요.
오자서님 블로그 댓글 달려고 했는데, 차단됐네요. 티스토리가 또 말썽이군요. 광고 코드를 이걸로 한 번 해보세요.
<style>
.xxx1 { display:none; }
@media(min-width: 700px) { .xxx1 { width: 300px; height: 250px; display:inline-block} }
@media(min-width: 1100px) { .xxx1 { width: 336px; height: 280px; display:inline-block} }
</style>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- xxx1 -->
<ins class="adsbygoogle xxx1"
data-ad-client="ca-pub-xxxxxxxxxxxxxxxx"
data-ad-slot="xxxxxxxxxxxxxx"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
안녕하세요. 반응형으로 교체 문제로 어제 댓글 남겼었는데요.
답변 감사합니다.
그런데 수학방님 정말 잘 만드셨네요. 직관적이고, 보기 편하고, 잡스러운 것 넣지 않고 ...
제가 원하던 바라 자주 찾아오고 있습니다.
한가지 더 궁금한 게 있는데 글 중간에 광고는 브라우저 폭에 따라 없어졌다 생겼다하는데 신기방기합니다.
위 글들 소스보기 했더니 애드센스 소스가 위아래에만 있고 중간에 애드센스소스는 있지도 않더군요.
이런 기능은 어떻게 구현하는 것인가요?
정말 님이 만든 스킨 소스 판매한다면 사고 싶은 맘이 간절합니다.;;;;
현재 제 티스토리는 각 글에다 하나 하나 삽입한 형태라
반응형으로 옮기기가 여간 골치아픈 게 아닙니다.
jquery를 이용해서 본문 상단에 있는 광고를 본문 중간으로 이동하는 거지요. 저도 다른 블로거 쓴 글을 참고해서 적용했어요.
소스보기 제일 마지막 쯤에 "상단 광고 이동" 부분이니까 참고하세요.