미국의 인기블로그 포스터러스(posterous)에 weebly계정을 이용하여 구글 애드센스 광고 넣는 것에 대해



구글애드센스광고를 할 수 있는 미국의 무료 블로그로는 구글 블로거(blogspot)가 있고 트위터와 페이스북의 중간형태인 미니블로그로 텀블러(tumblr)와 포스터러스(posterous)도 있는데 tumblr는 html스킨수정으로 구글애드센스코드를 직접 넣을 수 있다.  posterous도 html에서 수킨수정은 가능하나 자바스크립트(JavaScript code)형태의 애드센스코드가  허용되지 않아 광고가 나오지 않는다. 하지만 posterous는 텀블러보다 여러 편리한 기능이 많고 블로그에 더 가까운 형태이기 때문에 많은 사람들이 posterous를 이용하며 또한 구글검색에도 잘 노출이 된다. 그러니 영어로 블로그를 운영하고 싶다면 posterous가 훨씬 유리할 것이다.

이전에 Posterous에 애드센스 다는 법( Tutorial: how to add AdSense in Posterous (English Version)이란 글을 읽은 적이 있다. posterous에 구글 광고가 나오게 하려면 애드센스코드를 다른 계정에 올려서 그 주소를 iframe으로 불러오면 된다는 내용이다. 하지만 구글규정에 애드센스코드를 iframe사이에 넣는 것을 명백히 금지하고 있다.( 애드센스 광고 구현 정책 표현 수정 안내) 이것은 iframe으로 광고크기를 임의로 변형시켜 구글로고를 가리거나 광고가 아닌것처럼 하여 클릭을 유도할 수 있기 때문이다. 위와 같이 사이트에서 스크립트가 허용되지 않아 부득이하게 iframe으로 불러와야 할 경우에는 위에 언급한 대로 광고의 일부 특히 구글로고를 가리는 행위를 해서도 안되고 한 페이지에 광고가 3개가 넘어서도 안된다. 또한 애드센스광고만 나오게 하는 페이지도 구글애드센스 정책에 위반된다. 하지만 A라는 계정에 애드센스코드를 넣고 그 주소를 iframe으로 B사이트에 나오게 하면 애드센스가 B사이트를 인식하여 거기에 맞추어 광고가 나오고 실적보고서에도 노출과 클릭이 B사이트에서 이루어진 것으로 나온다. 어쨋든 애드센스정책에 iframe에 애드센스광고를 넣는 것과 특정 페이지에 애드센스광고만 나오게 하는 것을 금지하기 때문에 계정이 정지되지 않으려면 미리 구글애드센스팀에 문의를 하여 자신 블로그의 부득이한 사유에 대해 설명하고 그에 관해 허락을 받는 것이 중요할 것이다. 여기서는 제목대로 weebly계정을 이용하여 Posterous에 구글 애드센스 넣은 방법에 대해 설명하고자 한다.

1. 위블리(weebly)에 무료홈페이지를 개설하여 애드센스 광고 넣기

우선 위블리(weebly)에 접속하여 회원가입을 하면 자신의 홈페이지를 만들 수 있다. 이메일 1개당 2개의 무료홈페이지를 개설할 수 있다.

홈페이지의 이름을 넣는다

Use a Subdomain of Weebly.com를 선택하여 홈페이지의 주소를 정한다.

 

다음과 같은 화면이 나오면. Design>My Custom Themes>New Theme를 누른다.

다음과 같이 나오면 index.html을 눌러 스킨을 약간 수정해야 한다.

 

화면에 애드센스 광고만 보이게 하려면  불필요한 홈페이지 이름과
 Home 과 Create a free website with weebly 라는 글자들이 안보이도록 해야 한다.
이것을 위해 위의 네모칸이 되어 있는 {title} {menu} {footer} 이 3개를 없애야 한다. {title}과  {menu} 는 그냥 지우면 되지만 {footer}를 지우면 아래에 또 생기기 때문에 <div id="footer-content">{footer}<div>부분을 <div style="Z-INDEX: 3; POSITION: absolute; WIDTH: 0px; HEIGHT: 0px; TOP: -150px; LEFT: 0px" id="footer-content">{footer}<div>로 바꾸어 화면상에 안보이게 하면 된다. 아래와 같이 깨끗해진 것을 볼 수 있다.

우측 상단 Save를 눌러 저장하면 아래와 같이 나온다.

이번에는 상단의 Elements를 누르고 끝에서 두번째에 있는 Custom HTML을 마우스로 끌어다 하단의 빈 페이지에 놓으면 아래와 같이 될 것이다.

 

Edit Custom HTML을 클릭하여 Click to set custom HTML가 있는 자리에 애드센스 코드를 넣고 마우스 커서를 다른 곳에 다 클릭하면 애드센스 광고가 보일 것이다.

우측 상단의 Publish버튼을 눌러 발행한다.

아래와 같은 것이 나오면 continue를 누른다.

주어진 문자를 넣고 OK, Publish My Site!를 누르면 자신의 홈페이지가 완성된다.

아래 그림의 X를 눌러 없애고 우측 상단의 Close를 눌러 페이지에서 나간다.

 

아래와 같이 나오고 블로그 주소를 눌러 보면 애드센스광고가 보일 것이다. 그리고 또다른 광고를 올리고자 한다면 Add Site를 눌러 홈페이지를 한개 더 만들어도 되지만 아래와 같이 Pages를 눌러 페이지를 추가해도 된다. Edit Page를 눌러 페이지 이름을 넣고 저장하여 위와 동일한 순서로 진행하면 된다.
페이지의 주소는 http://blogname.weebly.com/pagename.html 과 같은 형식이 될것이다.

또한 이것을 이용하여 구글애드센스 광고단위에서 대체광고를 빈칸으로 표시하지 말고 다른 URL에 위치한 기타 광고 표시를 선택하고 애드센스가 나오는 weebly홈페이지 주소를 넣어 준다.

이 때는 애드센스 광고만 나오게 하지 말고 아래와 같이 Paragraph를 끌어다 아래에 놓고 적당한 내용을 넣으면 된다. 다만 posterous는 iframe의 크기가 맞지 않으면 스크롤바가 생기기 때문에 애드센스광고만을 넣었던 것이다.

2. 포스터러스(posterous)에 애드센스 광고 넣기
posterous에 접속하여 회원가입을 하고 블로그를 개설한다.

로그인 한 후 Manage Spaces>Customize를 클릭한다.

여기서는 아래와 같이 블로그 제목과 본문제목사이에는 468x60광고를 넣고 우측 사이드바에는 200x200 그리고 본문에는 300x250광고를 넣으려고 한다.

Customize>More Options를 눌러 Posts per page를 1로 한다. 만일 원래의 10으로 했을 경우 블로그 메인 페이지에 10개의 글들이 노출되어 iframe으로 앤드센스광고를 나오게 하면 모두 12개의 광고가 나오게 되어 애드센스 정책을 위반하는 행위가 되기 때문이다. 메인페이지를 1페이지만 나오게 하면 중앙상단, 사이드바, 본문 1개씩 모두 합쳐 3개의 광고만 나오게 된다.

그 다음에 Themes를 눌러 보면 다양한 스킨들이 나오는데 우측의 See more를 눌러 Minimal Blog. Groups라는 스킨을 선택한다.

마지막으로 Advanced> Custom HTML을 누르면 HTML스킨 편집창이 보일 것이다. 공간이 좁으니 그것을 모두 선택하여 복사한 후 워드패드에 붙여넣기 한 후 편집을 하면 된다.

본문 상단의 468x60 애드센스는 다음의 아래에 위치한다.
{block:Posts}
<IFRAME height=60 marginHeight=0 src="http://blogname.weebly.com/blogpage1.html" frameBorder=0 width=468 marginWidth=0 scrolling=no align=center bordercolor="black"></IFRAME>

우측 사이드바 200x200의 애드센스는 다음에 위치하는데 posterous는 scrolling=no라는 태그를 인식못하기 때문에 iframe공간이 광고보다 작으면 스크롤바가 생긴다. 그래서 약간 여유를 주어 높이와 넓이를 220픽셀로 하였다.
<div class="subscribe_to_mysite clearfix">
<IFRAME height=220 marginHeight=0 src=http://blogname.weebly.com/blogpage2.html frameBorder=0 width=220 marginWidth=0 scrolling=no bordercolor="black" align=center></IFRAME>
<div><a href="{RSS}" class="subscribe_link" target="_blank">Subscribe via RSS

글을 쓸때마다 본문에 넣는 300x250 광고는 아래와 같이 우측에 위치시켰다.
<div style="float: right;"><iframe width="300" height="250" scrolling="no" marginheight="0" marginwidth="0" frameborder="0" src="http://blogname.weebly.com/blogpage3.html"<iframe></div>

다시 한번 강조하지만 위의 iframe으로 애드센스광고를 하는 것에 대해 구글에서는 권장하지 않으니 시험 삼아 해보거나 아주 부득이한 경우에 한해 반드시 구글애드센스팀에 사정을 설명하고 승인을 얻어서 하는 것이 좋을 것이다.