티스토리 구글애드센스 데스크탑,모바일 광고 구분하여 보여주기.

현재 블로그에서 구글 애드센스 광고를 사용하고 있습니다.

설치형 티스토리가 아니다보니 모바일 스킨을 직접 수정하지 못하여, HTML/CSS 편집에서 구글애드센스를 넣어서 사용해왔습니다.

그러다보니, 모바일로 접속하면 애드센스 광고가 안 보입니다.


아....... 애드센스 널 어찌해야 좋으냐 ㅠ.

고민에 고민을 거듭하다 HTML/CSS 편집을 하여, 기존에 들어간 애드센스 코드를 걷어내고,

모든 글에 애드센스 코드를 하나씩 하나씩 넣었죠....... 는 뻥이고. 

티스토리오픈API 이용하여 광고 삽입 쉽게 하기

얘를 이용해서 넣었습니다. ^^.


광고크기는 336 X 280 사이즈를 넣어두었는데, 모바일에서 보면 광고 부분이 짤려서 보이더라구요.

하~~~~~~~

"이걸 어쩌나 뭐 상관없지".. 란 생각을 하다가.

으응.? 아아닛. 어차피 본문에다가 광고코드를 하나씩 넣으면 자바스크립트로 제어하면 되잖아? 란 생각이 문득!!!!

그래서 찾아낸 방법이 아래와 같습니다. ㅎㅎ.


아래 이미지를 잘 봐주시고 같은곳을 찾아보세요.

그렇습니다. google_ad_slot, google_ad_width, google_ad_height 만 다르고,

google_ad_client 와 show_ads.js 는 같다는겁니다.

그렇다면 충분히 자바스크립트로 모바일일 때는 다르게 보이는게 가능하다는거지요.

티스토리에 접속하면 글주소가

데스크탑(PC)는 http://i-swear.com/884

모바일은 http://i-swear.com/m/post/view/id/884

이런 형태가 됩니다.



그렇게 해서 만들어진 코드가 아래와 같습니다.

현재 주소창의 주소를 가져와서 /m/post/ 란 글자가 없으면 데스크탑용 광고코드를 넣고,

/m/post/ 란 글자가 있으면 모바일용 광고코드를 넣으면 된다. 이거죠 ^^.


그렇게 입력한 광고코드가 현재 이 페이지입니다.

기존에 입력해둔걸 수정하려니 귀차니즘이 ㅡ_ㅡ......

위에 링크해둔 두 주소로 접속해보시면 광고크기가 다르단걸 알수 있습니다.


이런저런걸 해보지만 아직도 상위블로거들이 부럽기만 합니다. ㅠ.ㅡ

애드센스 수익이 아주 장난이 아니더라구요.물론 그분들은 전업블로거이긴 하지만. ^^..


PS. 애드센스 정책 관련해서 댓글이 달리고 있는데요.

애드센스 정책관련해서는 저에게 묻지마시고, 구글 애드센스팀으로 문의바랍니다.


추가글...

검색엔진에서 유입시 URL 에 'http://도메인/m/post/view/id/글고유번호' 가 아닌

'http://도메인/m/글고유번호' 형태로 됩니다.

if (document.location.href.indexOf('/m/post/') < 0) { 

이 부분을

if (document.location.href.indexOf('/m/') < 0) { 

이렇게 바꿔주세요.


이 글과 연관된 글

2013/01/04 - 티스토리 오픈 API 를 이용하여 내 블로그 글 수정하기 1부

2013/01/04 - 티스토리 오픈 API 를 이용하여 내 블로그 글 수정하기 2부

2013/01/05 - 티스토리 오픈 API 를 이용하여 내 블로그 글 수정하기 3부

2013/01/10 - 티스토리 구글애드센스 데스크탑,모바일 광고 구분하여 보내기

티스토리오픈API 이용하여 광고 삽입 쉽게 하기


Comments 21