수학방

사이드바를 옮기는 방법과 왼쪽 사이드바의 사용법에서 사이드바를 왼쪽으로 옮길 때 어떻게 하면 좋은지 개인적인 경험을 공유했어요. 간단히 요약하면 사이드바를 왼쪽에 놓고 카테고리와 최신글 목록을 잘 보이게 하면 방문당 페이지뷰가 높아진다 였지요. 이렇게 높아진 페이지뷰를 바탕으로 애드센스 노출 수를 증가시켜서 수입을 올린다는 내용이었습니다.

이번에는 페이지뷰를 높이는 전략이 아니고 광고 클릭률(ctr)을 높여서 애드센스 수입을 증가시키는 방법을 소개합니다. 블로거 중에서 이런 방법을 쓰는 분들을 한 번도 보지 못했어요. 방문자 입장에서는 사이트나 블로그의 광고 위치가 비슷하기 때문에 광고를 광고로 인식하는 경우가 많아요. 따라서 남들이 하지 않는 광고 배치를 사용하면 광고에 대한 거부감이 조금은 덜 할 수 있으니까 이런 배치를 선점(?)하는 것도 좋을 것 같네요.

왼쪽 사이드바의 애드센스 클릭률 높이는 방법

티스토리 사용자들이 상단에 300x250 또는 336x280를 두 개씩 배치하는 경우가 많은데, 왼쪽광고는 텍스트, 오른쪽 광고는 이미지 광고가 나올 때 수익이 제일 높습니다. 이걸 여기서도 활용하는 거예요.

애드센스 최적화 배치 방법, 히트맵(heat map)에서 소개했던 사이트에서 추천한 애드센스 배치에요. 왼쪽 사이드바에 160x600 스카이스크래퍼 광고를 넣고 본문 상단 왼쪽에 336x280 광고를 넣는 배치입니다. 3단 스킨인데, 2단 스킨이라도 광고 배치는 같아요.

색이 짙은 본문 상단의 광고가 색이 옅은 왼쪽 사이드바의 광고보다 클릭률이 높다는 뜻입니다.

왼쪽의 스카이스크래퍼 광고에는 텍스트 광고만 나오게 하세요. 왼쪽 사이드바의 광고에 텍스트만 나오게 하면 보는 사람은 광고가 아닌 것처럼 느낄 뿐 아니라 마치 카테고리나 메뉴처럼 착각하게 되는 효과(?)가 있어요. 이는 위치 때문에 생기는 효과라서 애드센스 광고를 컨텐츠와 유사하게 꾸미면 안되는 애드센스 정책에 위반되는 건 아니에요.

오른쪽에 있는 본문 상단의 광고는 이미지만 나오게 배치하세요. 이미지만 나오게 함으로써 진짜 광고처럼 보이게 하는 겁니다. 이미지 광고는 광고 자체로도 눈길을 많이 끄는데, 본문 상단이라는 위치때문에 눈길을 더 많이 끌게 되죠. 눈길을 많이 끄는 광고일수록 클릭이 많아지는 건 당연하죠. 또 왼쪽 사이드바의 텍스트 광고를 광고가 아닌 것처럼 보이게 하는 효과도 있습니다.

다만 보통 이미지 광고가 텍스트 광고보다 단가가 높기 때문에 텍스트 및 이미지 광고를 노출해도 단가가 높은 이미지 광고가 노출되는 숫자가 월등히 많습니다. 따라서 이미지 광고의 노출이 많은 분이라면 굳이 이미지 광고만 노출되도록 설정을 바꿀 필요는 없어 보이네요.

왼쪽 사이드바에 광고 넣을 때 주의할 점

애드센스에는 첫 번째 광고 단위의 중요성이라는 게 있어요. html 소스 상에서 가장 먼저 나오는 광고단위에 가장 높은 단가의 광고가 나오는 거죠. 가장 높은 단가의 광고가 나오니까 당연히 이 광고 단위의 클릭율이 높을수록 수입이 늘어나겠죠?

그런데 왼쪽 사이드바를 사용하다 보면 왼쪽 사이드바에 첫 번째 광고 단위가 노출될 수도 있습니다. 왼쪽 사이드바의 광고는 본문 상단의 광고보다 클릭이 떨어지기 때문에 수입에서 손해가 나는 것이죠.

이런 문제를 해결하기 위해서는 왼쪽 사이드바의 광고가 html 소스 상에서 본문 상단의 광고보다 더 늦게 나오도록 해야 합니다. 다행히 티스토리 대부분의 스킨에서는 사이드바를 왼쪽으로 옮기는 방법을 통해서 해결할 수 있습니다.

함께 보면 좋은 글

사이드바를 옮기는 방법과 왼쪽 사이드바의 사용법
애드센스 수입 향상 팁 - 텍스트 광고 편
블로그 왼쪽 사이드바의 효과
애드센스 최적화 배치 방법, 히트맵(heat map)
애드센스 수익 향상 팁 - A/B 테스트
애드센스를 본문 상단 오른쪽에 넣기

이번에 스킨을 수정하면서 검색도 많이 해보고 외국의 커뮤니티에 있는 글도 많이 봤는데요. 그중에서 몇 가지 추려서 정리해 보려고 합니다.

우리는 이미지와 텍스트 광고를 모두 노출하는 것이 수입이 많다고 하는데, 외국에서는 텍스트 광고만 노출하는 경우가 수입이 많다는 의견도 상당히 있어요. 그래서 텍스트 광고에 대한 글들이 많이 있네요. 우리는 광고의 위치에 대한 얘기가 많다면 외국은 좀 더 세부적인 설정에 대한 얘기도 많이 있어요.

제 경우에는 이미지 광고의 노출이 월등히 많고 대부분의 수입이 이미지 광고에서 나와요. 실제 적용해보고 그 결과까지 공개하면 좋겠는데 텍스트 광고의 노출이 별로 없어서 통계로서의 가치가 없을 것 같아 이 과정은 그냥 넘어 갈게요.

애드센스 수입 향상 팁 - 텍스트 광고 편

아래 내용이 꼭 텍스트 광고에만 해당하는 내용은 아니고 이미지 광고에도 도움이 되는 내용이 있으니까 한 번 잘 읽어보세요.

애드센스의 팔레트에서는 배경색과 테두리색을 설정할 수 있는데, 이때 두 가지색을 본문의 배경색과 같은 색을 사용하는 게 좋다고 합니다.

본문 안에 들어가는 광고는 본문과 같은 배경색, 사이드바에 들어가는 광고는 사이드바와 같은 배경색을 사용하라는 거지요.

일반적으로 링크는 파란색을 많이 사용하죠. 그래서 애드센스 측에서는 컴퓨터에 익숙하지 않은 사용자들이 많이 찾는 곳의 경우에는 파란색 제목을 사용하라고 권장하고 있습니다.

하지만 컴퓨터 사용에 익숙한 사람들에게 "파란색 = 링크"라는 인식이 있어서 오히려 광고 클릭을 덜 하게 된다고 하네요. 그래서 다른 색을 사용하면 좋은데 링크처럼 안 보이면서도 링크라는 걸 알려주는 색이 옅은 파란색이라고 합니다.

대게 본문의 글자는 검은색을 사용하므로 애드센스의 텍스트와 URL도 똑같이 검정색을 사용하면 좋다고 합니다. 사실 검은색보다는 본문에는 회색을 사용하고 애드센스에는 이보다 조금 더 진한 색을 사용하는 게 좋다고 하는데요. 이러면 본문보다 애드센스에 더 눈이 간다고 하네요.

애드센스의 글자 크기를 크게 하면 광고 클릭이 더 많이 발생한다고 합니다. 하지만 이건 어디까지나 본문의 글자 크기와 비교해야 하는 내용이므로 무조건 크다고 좋은 건 아니지요. 어찌 됐든 본문의 글자보다 큰 게 좋다고 하네요.

텍스트 광고 주변에 이미지, 동영상은 X

텍스트 광고 주변에 본문에서 사용하는 이미지나 동영상이 있으면 시선을 빼앗기기 때문에 광고 주변에 다른 시선을 빼앗을 수 있는 요소는 넣지 않는 것이 좋다고 합니다.

얼마 전 티스토리 블로거를 위한 광고 게재 위치 행아웃에서도 나온 얘기인데요. 애드센스 광고를 본문이 감싸는 형태의 배치가 수입이 많다고 합니다.

이건 애드센스에서도 정책 위반을 피할 수 있다면서 권장하는 방법이에요. 애드센스를 본문 상단 오른쪽에 넣기

애드센스 광고 중에서 텍스트 광고의 수입을 올리는 팁을 알려드렸는데요. 애드센스 보고서에서 광고 유형을 보고 텍스트 광고의 노출 비중이 높으신 분들은 꼭 한 번 적용해보시기 바랍니다. 그리고 그 결과도 공유해 주세요.

함께 보면 좋은 글

애드센스 필수 가이드북
애드센스 최적화 배치 방법, 히트맵(headtmap)
애드센스 광고 유형 한 번에 수정하기 - 텍스트/이미지광고
애드센스 타겟팅 - 문맥 vs 관심기반 vs 게재위치
애드센스 수익 향상 팁 - A/B 테스트
애드센스를 본문 상단 오른쪽에 넣기

블로그에 애드센스를 넣는 위치는 여러가지가 있지만 상단에 넣는 것이 가장 수익이 많이 나죠. 본문 위에 300x250를 두 개 넣거나 336x280을 한 개 넣는 경우를 제일 많이 본 것 같네요.

지금 이 블로그는 336x280을 본문 오른쪽에 넣고 있는데, 나름 수익이 괜찮아요. 미디어다음이나 네이버 뉴스에도 본문 오른쪽 상단에 광고가 있잖아요. 다음뷰의 뷰애드도 본문 오른쪽에 넣어야 하는 규정이 있어요.

개인적인 경험으로는 본문 상단에 한 개를 넣을 때는 텍스트 광고의 클릭율이 높고, 본문 오른쪽에 놓을 때는 이미지 광고의 클릭율이 높더라고요. 대체로 이미지 광고의 단가가 더 높기때문에 저는 본문 오른쪽 광고를 선택했어요.

애드센스를 본문 상단 오른쪽에 넣는 소스

간단한 html과 css만 알면 할 수 있어요.

알아야할 html은 div에요. 보통 다른 블로그의 글에 보면 table을 많이 사용하는데, table보다 div가 더 효과가 좋다는 것만 알려드릴께요. 자세한 건 이 글에서 논할 필요가 없으니까요.

알아야할 css는 margin과 float 두 개예요.

간단하죠?

이제 html과 css를 어떻게 조합해야 하는 지 알려드릴께요.

<div class="adsense">
애드센스 광고 코드
</div>

[샵샵_article_rep_desc_샵샵]

스킨 편집의 - html/css - skin.html에서 [샵샵_article_rep_desc_샵샵]을 찾아서 그 위에 애드센스 광고 코드를 넣으세요. 본문의 너비에 따라 300x250이나 336x280을 넣으시면 돼요.

.adsense {float:right;margin-left:20px;margin-bottom:10px}

다음은 style.css에 위 내용을 넣으세요. adsense 앞에 점(.)이 있는데, 이것까지 다 넣으셔야 해요. float:right 이 부분이 광고를 본문 오른쪽에 나타나게 하는 겁니다. margin-left는 애드센스 광고 왼쪽의 여백(본문과의 거리), margin-bottom은 애드센스 광고 아랫쪽의 여백의 크기를 나타내요.

자 끝났어요. 소스를 제대로 넣었다면 아래 그림처럼 나올거예요.

애드센스의 수익은 블로그 주제에 따라서, 애드센스의 위치에 따라서, 광고의 크기에 따라서 달라지니가 자기 블로그에 맞는 걸 잘 선택해서 넣으세요. 여러가지 방법을 알아두었다가 이리저리 넣어보고 본인의 블로그에서 가장 수익을 많이 내는 방법을 찾아보세요.