수학방

간만에 애드센스 광고 팁입니다.

스킨을 반응형으로 바꾸면서 광고도 반응형으로 바꿨는데 그동안 사용하던 반응형 광고가 여러 기기에서 보여지는 모습이 별로 효율적이지 않은 것 같아 고민 끝에 새로운 형식의 반응형 광고로 바꾸기로 했어요. 그러면서 몇 가지 방법을 구상하다가 정책 위반일지 몰라서 망설였는데, 애드센스에 문의하고 답변을 받은 결과를 공유합니다.

되게 특별할 것까지는 없지만, 며칠 사용해보니 효과가 있는 것 같네요.

애드센스 반응형 광고 단위 사용 팁

반응형 애드센스는 두 가지 방식이 있는데, 하나는 스마트 크기 조정, 다른 하나는 고급(코드 수정)이에요.

고급(코드 수정)은 블로거가 기기 화면의 크기별로 광고의 크기를 미리 정해놓고 특정한 크기의 화면에서는 정해진 크기의 광고를 보여주는 방식이고, 스마트 크기 조정은 광고가 들어있는 부모 요소의 크기를 알아내서 그에 맞는 크기의 광고를 애드센스가 결정해서 보여줍니다. 스마트 크기 조정이 사용하기에 편리하고 화면의 레이아웃에 잘 맞는 광고를 보여주죠.

애드센스 반응형 광고 노출되지 않게 하기에서 소개했던 반응형 애드센스를 숨기는 방법은 고급(코드 수정)에 대한 예제였습니다. 이 방법은 애드센스 도움말(https://support.google.com/adsense/answer/3543893?hl=ko)에 나와 있는 걸로 정책 위반이 아니에요.

모바일 기기에서는 클릭이 별로 없어서 수익이 많지 않으니까 숨기고 있었는데, 기기별로 광고의 크기를 잡아주려니 여간 불편한 게 아니더라고요. 그래서 광고의 크기를 자동으로 잡아주는 스마트 크기 조정을 사용하고 싶은데, 모바일에서 광고를 숨겨도 되는지 궁금하더라고요. 스마트 크기 조정에서도 고급(코드 수정)과 같은 방법으로 <style>을 이용해서 애드센스를 숨겨도 되는지 애드센스에 문의했더니 답변을 보내주었습니다.

안녕하세요 수학방님,
이메일을 보내 주셔서 감사합니다.
정책에 대한 최종적인 결정은 정책 팀에 의해서만 이뤄지므로 이에 대해서 명확한 답변을 드리기는 어렵다는 점 양해해 주시기 바랍니다.
하지만 보내주신 예를 살펴본 결과, 이는 반응형 광고에 해당하므로 스타일 태그를 활용하여 필요에 따라 광고 단위를 숨기는 방식으로 구현하셔도 문제가 없을 것으로 보입니다.
아무쪼록 답변이 도움이 되셨길 바랍니다. 이와 관련하여 다른 궁금한 사항이 있으신 경우에는 언제든지 본 이메일에 회신하여 문의해 주시기 바랍니다.
감사합니다.

Google 애드센스 팀
Google Inc.|애드센스 팀 |support.google.com/adsense |adsense.com

최종 판단은 정책팀에서 한다고 했지만, 문제가 없을 것 같다는 비교적(?) 긍정적인 답변이에요. 확답은 아니니 이 방법을 사용하실 분은 각자 알아서 잘 판단하세요.

사용법은 간단합니다. 반응형 애드센스의 두 가지 방식을 섞어서 쓰는 거예요. 스마트 크기 조정의 코드에 고급(코드 수정)의 <style>부분 일부를 넣는 거죠.

<style>
.adslot_1 { display:inline-block }
@media (max-width: 400px) { .adslot_1 { display: none; } }
</style>

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 반응형 광고 -->
<ins class="adsbygoogle adslot_1"
data-ad-client="ca-pub-1234"
data-ad-slot="5678"
data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

이렇게 코드를 넣으면 화면의 폭이 400px 이하일 때는 광고가 나오지 않고, 그 보다 더 클 때는 애드센스에서 자동으로 광고 크기를 맞춰 가장 알맞은 광고를 보여 줍니다. 혹시 광고가 숨겨지지 않는다면 애드센스 반응형 광고가 숨겨지지 않을 때 해결 방법을 참고하시기 바랍니다.

이미지 광고는 보통 300x250, 336x280인데, 스마트 크기 조정을 이용하면 327x280, 360x280 같은 광고도 나오네요. 몇 px차이 안 나지만 화면에 꽉찬 광고가 나오니 클릭률은 더 높아질 겁니다.

그리고 이미지 광고보다는 텍스트 광고에서 효과가 훨씬 더 좋을 것 같은 게 만약 화면의 폭이 600px이라고 치면 고급(코드 수정)에서는 468x60을 넣어야 하거든요. 그런데 스마트 조정은 600x60 광고가 나오는데 이건 468x60보다 공간도 크고 글자도 커서 눈에 확 들어옵니다. 클릭률이 당연히 높아지죠.

전체적으로 스마트 크기 조정이 고급(코드 수정)보다 효율이 높은 건 확실하니까 스마트 크기 조정을 사용해보세요. 단, 위에서 얘기했던 것처럼 스마트 광고 조정에서 광고를 숨기는 건 정책팀의 최종 판단이 아직 내려지지 않은 상황이므로 이건 본인이 결정하시고요.

함께 보면 좋은 글

애드센스 반응형 광고 노출되지 않게 하기
애드센스 반응형 광고가 숨겨지지 않을 때 해결 방법
애드센스 최적화 배치 방법, 히트맵(headtmap)
애드센스 타겟팅 - 문맥 vs 관심기반 vs 게재위치
애드센스를 본문 상단 오른쪽에 넣기

단비스님의 블로그 티스토리 애드센스 모바일,PC용 배치와 반응형 광고 단위를 스킨에 넣는 방법이라는 글 마지막 부분에 애드센스 반응형 광고의 가로세로 크기를 0으로 해서 광고가 노출되지 않도록 하는 방식에 대한 소개가 나와요. 애드센스 행아웃 진행하셨던 켈리님께 질문한 캡처 화면도 있고요.

이제까지 애드센스 광고를 숨기는 건 정책위반이라고 알고 있어서 어떤 경우든 광고를 숨기면 안 되는 줄 알았거든요.

애드센스는 확답이 아니라 애매하게 답변해서 블로거들이 혼란을 느끼는 경우가 많아서 확답을 듣고 싶었어요. 크기를 0으로 하는 방법이 광고를 숨기는 게 아닌지 애드센스에 문의했고 답변을 받았습니다.

결론은 광고를 숨기는 행위가 아닌 정당한 광고 구현 방식이라는 거지요.

광고가 노출되는데 안 보이는 게 숨기는 거고, 노출 자체가 안되는 건 광고 구현 방식이라는 거지요.

참고로 반응형 애드센스의 고급(코드 수정 필요)에서 크기를 0으로 해야지 그냥 스킨의 style.css에서 크기를 0으로 하는 걸 말하는 게 아니니까 주의하세요. 외부스타일 시트에서 반응형 광고의 크기를 설정하는 건 지원되지 않아요. style.css를 이용해서 상위 컨테이너의 크기를 0으로 만드는 건 광고는 노출되는데 숨기는 행위라서 정책위반일 가능성이 매우 높고요.

사실 이 블로그 유입량의 70%는 모바일이에요. 모바일 페이지 상단에 320x100을 노출하고 있지만 수익이 거의 없거든요. 그래서 수입도 얼마 되지 않아서 떼버리고 싶었는데 상단 광고가 모바일에서는 안 보이고 데스크톱에만 보이게 하는 방법을 찾지 못해서 그냥 내버려두고 있었거든요.

이제는 반응형 광고의 크기 제한을 통해서 노출을 금지하는 것이 정책위반이 아니라는 걸 확실히 알았으니 이 방법을 이용해서 모바일 상단 광고를 떼기로 했습니다.

데스크톱에서만 336x280이 노출되고 모바일 화면에서는 제 책 광고가 나오도록 했어요. (수학방 책이 나왔습니다.)

조금 다른 방법으로 활용할 수 있을 거예요.

일반적으로 데스크톱에서는 상단 2개가 수익이 가장 많은데, 모바일에서는 상단 1개밖에 사용할 수 없어서 고민하는 분들을 많이 봤거든요. 모바일 화면에서는 광고의 위치를 다른 곳으로 옮기는 스크립트를 사용하는 분도 있고요.

이제 간단히 데스크톱 상단에 애드센스 2개를 나오게 한 다음에 모바일 화면에서는 둘 중 하나의 크기를 0으로 만들어서 노출하지 않도록 하는 것도 가능하죠.

반응형 광고 단위가 아니면 사용할 수 없는 방법이긴 하지만 대세가 반응형 광고이니만큼 적절한 방법으로 적절한 곳에 사용해보세요.

함께 보면 좋은 글

애드센스 A/B테스트을 쉽게 - 실험 베타 서비스
애드센스 수입 향상 팁 - 텍스트 광고 편
애드센스 필수 가이드북
애드센스 최적화 배치 방법, 히트맵(headtmap)