구글 블로그에서 게시물 단위 광고를 넣는 방법..

처음에는 기능에 대하여 크게 고려하지 않고 이곳 구글 블로그(블로거닷컴)에 블로그를 개설했는데, 시간이 지날수록 불편한게 한두가지가 아닙니다. 국내 블로그 전문 사이트들보다 스킨이 다양하지 않다든가 인터페이스 면에서 국내 사용자들의 습관과 맞지 않는 면이 있다든가 하는 문제들은 차치하고라도, 약간 느린듯한 반응 속도나 변경하기 힘든 레이아웃 등의 문제는 좀 답답한 면이 있습니다. 그 중에서도 가장 답답한게 구글 애드센스와의 통합이 매끄럽지 않다는 점이었습니다.

블로거닷컴의 레이아웃 편집은 애드센스를 하나의 위짓(widget)으로 보고 있기 때문에 마음대로 레이아웃에 위치를 반영할 수 있도록 되어 있어서 일면 잘 통합되어 있는듯이 느껴지지만, 여러개씩 이어지는 게시물들도 하나의 위짓이기 때문에 게시물 사이사이에 애드센스를 넣을 수가 없습니다. 애드센스 최적화에 대한 여러 글들에 따르면 게시물 하나하나에 애드센스 광고가 붙어 있어야 최적의 효과를 얻을 수 있다고 하는데, 그걸 시도조차 할 수 없으니 좀 답답하죠. 하지만 다행스러운건 블로거닷컴이 템플릿을 HTML 수준에서 사용자가 직접 편집하는 것을 지원한다는 점입니다. 그래서 이 기능을 통해 문제를 해결해 보기로 했습니다.

방법은 다음과 같습니다. 우선 블로거닷컴에 로그인을 하고 템플릿 > HTML 편집 메뉴로 이동합니다. HTML 편집 메뉴를 열어보면 하단에 도구 템플릿 확장 체크박스가 있는데, 이를 눌러 각 위짓의 소스도 나타나게 합니다.

소스를 보면 다음이 게시물의 본문을 표시하는 부분입니다.

<div class='post-body'>
<p><data:post.body/></p>
<div style='clear: both;'/><!-- clear for photos floats -->

여기에 div 태그로 둘러싼 애드센스 소스를 넣습니다. 애드센스 소스는 자신의 애드센스 계정에서 받아올 수 있습니다.

<div class='post-body'>
<p><data:post.body/></p>
<div style='float: left;'>
<script type='text/javascript'>
& lt;!--
google_ad_client = "pub-xxxxxxxxxxxxxxxx";
google_ad_width = xxx;
google_ad_height = xxx;
google_ad_format = "xxxxxxx_as";
//--& gt;
</script>
<script src='http://pagead2.googlesyndication.com/pagead/show_ads.js' type='text/javascript'>
</script>
</div>
<div style='clear: both;'/><!-- clear for photos floats -->

주의할점은, 수정할 소스의 & lt와 & gt에서 & 다음의 공백을 제거해야 합니다. 제가 웹상에 소스를 표시하려고 하니 이 부분이 꺾쇠로 변해버려서 할수없이 공백을 넣어준거거든요.

여기까지 잘 되셨으면 저장하시고 블로그를 띄워보세요. 애드센스가 나타나지 않는다면 앞에서 주의를 드린 & 다음의 공백을 확인해 보시구요. 제 블로그의 애드센스도 이렇게 띄운겁니다.