20121218_모바일에 애드센스 삽입하기!

애드센스를 삽입하고 보니 어, 모바일에는 안보인다!!

skin.html에 삽입한 애드센스가 모바일에서는 인식이 안되는 모양이다.

하지만 모바일에서도 광고가 나오도록 하는 방법이 있다. 바로 html 직접 삽입.

광고 크기를 작은 사이즈로 노출할것이기 때문에 구글 애드센스에 들어가서 새로운 광고를 만든다.

모바일에서도 웹과 동일한 사이즈를 노출할 예정이라면, 새로운 광고를 만들지 않아도 된다.

1단계. 모바일용 새 광고 만들기

구글 애드센스 홈페이지에서 내광고 > 콘텐츠 > 새 광고 단위 만들기로 들어가 새로운 광고를 생성한다.

나는 320*50사이즈의 모바일 배너 광고를 사용하기로 했다. (모바일 디바이스 해상도에 따라 광고의 너비가 넓어 가로 스크롤이 생기기도 한다)

새로운 광고를 생성한 후, 생성되는 광고 코드를 복사한다.

2단계. 모바일용 애드센스 삽입하기

블로그에 공통으로 사용하는 HTML/CSS에 삽입하면 블로그에서 노출되지 않기 때문에 모바일에서 애드센스를 노출하고 싶다면, 노출하고 싶은 포스팅 마다 하나하나 소스를 삽입해주어야 한다. (이미 쌓아놓은 포스팅이 많다면 은근 노가다!)

아래 그림처럼 블로그 글쓰기 창의 우측을 보면 체크박스와 함께 HTML이라고 써 있는 것을 볼 수있다.

HTML에 체크를 한 후, 광고를 노출하고 싶은 위치에 소스를 넣어주면 된다.

나같은 경우에는 정 중앙에 위치하고 싶었기 때문에 복사한 소스 앞, 뒤로 <center> </center>를 넣어주었다.

HTML모드에서 나오면 광고는 보이지 않는다.

포스팅 글과 광고가 딱 붙으면 보기에 좋지 않으니 엔터를 한두번 정도 쳐서 여백을 두는게 좋아보인다.

하나하나 넣어주어야 한다는 것 이외에 또 하나의 단점이라면, 위에도 광고가 아래에도 광고가 나온다는 것..ㅠ 

광고를 삽입하고 얼마 지나지 않아 광고가 노출되기 시작한다.

모바일에서 확인해보면 글의 맨 아래쪽에 나오는 것을 확인할 수 있다.

광고 사이즈를 좀 줄여야지 가로 스크롤이 생긴다..

모든 페이지마다 삽입해주어야 한다는 점을 제외하면 나름 쉬운 작업이다.

어딘가에 나의 모바일용 소스를 저장해놓고, 블로그 포스팅 시 삽입하면 좋을 것 같다.