그동안 몰랐던 사실을 구글 애드센스를 설치하면서 알게되네요. 티스토리 블로그를 모바일로 접속할때 광고를 보여줄려고 하면 글 작성중 "HTML"을 체크해서 애드센스 코드를 넣어야 모바일에 보인다는 것 입니다.
처음에 이 부분을 모르고 애드센스 승인을 받아서 http://anikorea.tistory.com/226 이 방법으로 광고를 달았습니다. 그리고 모바일 접속을 하니 광고는 안보이고.... 티스토리 모바일 스킨에서 지정 가능한가 생각하고 관리자로 접속해서 살펴봐도 소스넣는 부분이 없더군요. 인터넷 검색을 통해 모바일 웹에 광고 적용하는 방법을 배우고 또한 모바일 광고에 대한 새로운 정책도 알게 됬습니다.
구글 애드센스 모바일 정책이 예전에는 별도로 모바일 플렛폼이 있었는데 반해 얼마전 정책변동으로 일반 홈페이지와 통합이 되었다고 합니다. 쉽게 생각하면 일반 페이지에 걸린 광고를 모바일에서 보이게 사용가능하다는 것 입니다.
모바일과 일반 홈페이지가 혼용 사용이 가능함에 따라 모바일 지원 애드센스 광고를 일반 웹페이지에 설정해놓으면 모바일 홈페이지에서도 광고를 보실수 있습니다.
티스토리 블로그 광고 PC , 모바일에 같이 사용해보자
방법은 간단 합니다.
글 작성을 마무리하고 "HTML"을 눌러 광고 코드를 넣어주면 됩니다. 글 맨위에 넣으면 본문글 상단에, 글 아래에 넣으면 하단에 보여줍니다.
본문 글 상단에 보여주는 모바일 광고 화면 입니다.
화면을 돌렸을때 모습입니다. 참 쉽죠.. 이렇게 쉬운데 글이 너무 길다구요...?
PC화면으로 접속시 본문 글 상단에 광고 2개 보여주고 모바일 접속시에도 광고 보여주기.
제 블로그 본문 상단에 나란히 광고 두개가 들어가 있습니다.
오른쪽 광고는 관리자모드 -> 꾸미기 -> HTML/CSS편집 에서 skin.html에 코드를 넣어 두었습니다. 왼쪽 광고는 글 작성시 코드를 넣어서 모바일에도 보이게 하고 PC화면으로 접속시 본문 글 위에 나란히 두개를 보여주게 했습니다.
이 방법을 소개해 드릴려고 합니다.
관리자모드 -> 꾸미기 -> HTML/CSS편집 에서 skin.html에 아래 코드를 넣어주세요.
<!-- 구글 본문 상단 광고 -->
<div style="float:right; margin:0px 0px 10px 3px">
애드센스 광고 코드 넣기
</DIV>
<!-- 구글 본문 상단 광고 끝-->
설명 : 광고 외부 여백 margin : 0px 0px 10px 3px ( 상 우 하 좌 ) 여백지정으로 광고 간격 조정이 가능합니다.
광고를 넣고 두개 사이의 공백으로 글자가 끼어 든다면 위 여백 조정에서 좌,우 간격 조정을 하시면 됩니다.
이 코드를 HTML/CSS편집 -> skin.html에 넣어주면 본문 오른쪽 화면에 광고가 출력됩니다.
1번 자리에 넣어주시면 됩니다.
왼쪽에 보여지는 광고 코드는 글 작성시 "HTML"을 눌러 상단에 넣어주시면 됩니다.
애드센스 광고 코드 넣기
</DIV>
애드센스_본문상단에_2개_달기.txt
애드센스를 달아본적도 없었고, 블로그도 티스토리가 처음이라 하나하나 배워가면서 뭔가를 할려니 시간도,노력도 배로 드는군요.
Comments