수학방

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

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

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

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

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

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

애드센스 반응형 광고 노출되지 않게 하기에서 소개했던 반응형 애드센스를 숨기는 방법은 고급(코드 수정)에 대한 예제였습니다. 이 방법은 애드센스 도움말(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 게재위치
애드센스를 본문 상단 오른쪽에 넣기

애드센스에 새로운 광고 단위가 생겼어요. "맞춤 광고 크기"라는 광고 단위인데 아직 베타라 사용을 권하지는 않고요. 기존에 있던 반응형 광고 단위에 새로운 방식의 코드가 추가되었는데 그걸 소개하려고 합니다.

이전의 반응형 광고 단위는 미디어쿼리를 이용해서 원래 있던 애드센스 광고 단위의 크기에 정확하게 맞도록 수동으로 직접 입력해야했었잖아요. 광고의 크기가 맞지 않으면 광고가 제대로 보이지 않았습니다. 이번에 새로 나온 광고 코드는 크기를 수정할 필요없이 그냥 두면 알아서 스스로 화면에 알맞은 광고를 보여줍니다.

잠깐 시험삼아 스킨에 넣어봤는데 괜찮을 것 같기도 하면서 문제도 있는 것 같아요.

애드센스 반응형 광고 단위 새로운 코드

원래 있던 반응형 광고의 코드예요.

빨간색으로 된 것처럼 광고 크기를 정확히 입력해줘야해서 사용하기가 불편했어요. 물론 처음에 한 번만 하면 되는 거지만 여러 기기의 화면에 맞게 min-width를 조정하는게 쉬운 게 아니거든요.

새로 나온 광고 코드는 "스마트 크기 조정(권장)'이라고 이름이 붙여져 있네요. 도움말의 설명에 따르면 화면 크기에 맞춰 광고 크기를 자동으로 조정해서 보여준다는 건데요.

예를 들어 너비가 30%인 <div>가 있고 광고 코드를 이 <div> 안에 삽입한 경우, 사용자 화면의 너비에 따라 애드센스 광고 크기가 자동으로 조정되어 게재됩니다. 너비가 1,024픽셀인 태블릿에서 표시되는 페이지에는 크기가 307x₂50인 광고가 게재되며, 너비가 1,680픽셀인 21인치 데스크톱 PC의 경우 크기가 504x60인 광고가 게재됩니다.

시험삼아 잠깐 넣어봤는데 이제까지 봤던 애드센스 광고 단위가 크기가 조금 다르더군요. 300x250, 336x280 처럼 고정되어 있는 게 아니라 화면 크기에 따라 조금 더 크거나 작은 광고가 나오네요.

data-ad-format="auto"라고 되어 있어 있는 곳의 설정에서 광고 단위의 크기를 결정할 기준점을 정할 수 있습니다. rectangle, horizontal, vertical 중 하나를 선택해도 되고 둘 이상을 조합해서 사용해도 되고요. 예를 들어 사이드바에 광고를 넣을 때는 data-ad-format="vertical,rectangle"을 이용하면 사이드바의 가로 길이에 맞춰 160x600, 300x600과 비슷한 크기의 광고가 나오겠지요.

본문 상단에 data-ad-format="auto"로 테스틀 해봤는데, 브라우저와 버전에 따라 광고 크기가 다르게 나오네요. PC에서는 728x90, 468x60 처럼 가로로 긴 광고가 나왔습니다. 모바일에서는 300x250, 336x280 같은 광고가 나오고요. vertical로 바꿔봤지만 320x100보다 큰 광고가 나왔습니다. 모바일 상단에서 사용하기에는 정책위반의 가능성이 있어 보이네요.

이 광고는 본문 안에 넣는 광고에 적합할 것 같습니다. 본문 안에 728x90을 넣는 경우가 있던데 모바일에서 보면 광고가 짤리니까 정책위반의 가능성이 있어요. 따라서 본문 안에 새로 나온 반응형 광고 코드를 넣는 게 정책 위반 가능성도 줄이면서 수입을 올릴 수 있는 기회가 될 것 같아요.

또, 본문의 가로 길이가 600px인 경우에는 468x60을 넣는 것보다는 새로운 반응형 광고 코드를 넣으면 550x60 이런 광고가 나올수도 있고요.

다만, 원래 있던 반응형 광고 코드에 비해 적용이 간단하긴 하지만 브라우저와 버전, 기기에 따른 광고 크기를 예측할 수 없다는 단점이 있으니까 주의해서 꼭 맞는 곳에 사용하세요.

그리고 며칠 전부터 새로운 애드센스 텍스트 광고 형식도 보이네요. 아마 테스트 중인가봐요.

함께 보면 좋은 글

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