구글 애드센스 모바일광고 상단배치하기

구글 애드센스 모바일광고 상단에 병렬로 배치하기

애드센스 모바일과 웹상 광고가 통합된 코드가 제공된다고 이전에 연락을 받았지만 실제 모바일로 블로그를 확인하면 애드센스광고를 볼 수 없을 것이다. 이 블로그를 만들면서 다시 한번 코드를 부여받아 달아봤지만 여전히 모바일로는 광고를 확인할 수 없어 수동으로라도 모바일광고를 달아보았다.

이 블로그에서 보이는 상단 좌측광고는 모바일에서 볼 수 있는 모바일광고이며 오른쪽은 웹상 광고이다.

이렇게 광고를 배치하기 위해서는 좌측 광고코드는 티스토리 서식으로 삽입한 후 포스팅할 때마다 서식을 이용하여 배치해야 하는 불편함이 따른다.

또한 향후 티스토리에서 모바일광고용스킨을 제공할 경우 이전 광고를 전부 수작업으로 수정해야 하는 상황이 발생할 수 있다는 점이다. 이방법을 사용하든 안하든 선택은 글을 보는 사람들이 결정할 문제로 보인다.

광고배치방법은 그다지 어렵지 않으니 참고하기 바란다.

애드센스 홈페이지고 들어가서 기존광고는 숨기기를 하고 새광고를 만들어줘야 한다.

광고크기를 300*250 사이즈를 병렬로 배치할 것이기 때문에 아래처럼 새광고코드를 부여받는 것이 좋다.

좌측과 우측광고 코드 두개를 만들어 코드를 복사해 둔다.

좌측광고 또는 우측광고 중 하나는 티스토리 서식으로 저장해두고 포스팅시 불러들여 삽입을 하면 수월하다.

아래는 티스토리 html/css 애드센스 스킨을 삽입한 모습이다.

빨간 네모칸을 티스토리에 서식으로 불러들일 코드가 아닌 티스토리 스킨에 삽입할 코드를 아래 위 스킨수정작업을 한 후 그 사이에 삽입하고 저장을 하면 간단하게 삽입이 된다.

광고코드 아래 위로 <div style="float;right;margin=0 0 0 10px">와 </div>만 수정을 해주면 된다.

이와같은 작업을 한 이후 모습이 현재 상단에 나란히 보이는 광고의 모습으로 모바일에선 하나의 광고만 상단에 나타난다. 물론 웹상에선 두개의 광고를 볼수 있다.