구글 애드센스 티스토리 모바일 웹에 활용하기
2012.11.14 02:44
구글 애드센스 티스토리 모바일 웹에 활용하기
광고 차단 플러그인을 꺼 주시면 블로그 운영에 도움이 됩니다. ^^

그동안 몰랐던 사실을 구글 애드센스를 설치하면서 알게되네요. 티스토리 블로그를 모바일로 접속할때 광고를 보여줄려고 하면 글 작성중 "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 style="FLOAT: left; MARGIN: 0px 0px 2px 10px">
애드센스 광고 코드 넣기 
 </DIV>

 

애드센스_본문상단에_2개_달기.txt

 

 

애드센스를 달아본적도 없었고, 블로그도 티스토리가 처음이라 하나하나 배워가면서 뭔가를 할려니 시간도,노력도 배로 드는군요.

, , , , , , , , , , , ,

  1. 도움 매우많이됬네요!! 추천꾹~!

  2. 댓글 감사합니다.^^

  3. 감사합니다! 제블로그에도 와주세요~

  4. 댓글 감사합니다.
    블로그 수정중이신가봐요..?

  5. 정말 감사합니다. 많은 도움이 되었습니다. 제 블로그에 구글 애드센스 설치기를 적으려고 하는데 링크를 해두고 싶습니다. 혹시 문제가 된다면 말씀해주세요.

  6. Brandnewdays님 안녕 하세요.
    도움이 되셨다니 기쁩니다.

    글 작성시 링크하셔도 됩니다.
    댓글 감사합니다.

  7. 도움이 많이 되었습니다.
    감사합니다.
    참 어렵게 해결되어 더욱 기쁘네요. ^^

  8. 안녕하세요.
    답글이 늦어서 미안합니다.

    어렵게 해결하셨다니 소스 적용에 문제가 있으셨나요..?
    해결하셨다니 다행 입니다.
    알찬 블로그 운영하세요.^^

  9. 블로그를 시작한지 얼마 되지도 않고, 워낙에 모르는게 많다보니
    애드센스 다는것 자체가 어려웠습니다. ^^ 알고나니 참 쉽게 자세히
    설명해 주셔서 해결하는데 도움이 되었습니다. ^^

  10. 아 ! 그러시군요.
    천천히 하시면 금방 합니다.

    어렵게 생각하기 시작하면 하염없이 어려워 집니다.

    소스 적용이나 수정시 막히면 한발 물러서서 여유로운 마음을 가져보세요.^^

  11. 한결 마음이 가벼워지네요.
    감사합니다~~^^