기존 텍스트큐브 1.8x 버전때도 그랬지만 이번에 업그레이드한 1.9 베타6 버전에서도 아이폰이나 안드로이드폰을 위한 모바일 페이지는 jquery 모바일을 이용해 노출되고 있다. 

jquery mobile에서는 기본적으로 페이지 이동시 ajax를 이용하여 미려한 트렌지션 효과를 보여주고 있는데 모바일 홈페이지에서는 이 때문에 애드센스가 제대로 동작이 되질 않는다. 
구체적으로 보면 처음 검색엔진을 통해 접근시에는 광고가 노출되나 다른 글을 보기 위해 링크를 클릭하면 광고가 노출되지 않는 현상이 발생하는데 원인은 바로 위에서 언급한 ajax 페이지 로딩 기능 때문이다. 

애드센스 사용자라면 익히 알고 있겠지만 하나의 페이지에 노출 될 수 있는 애드센스 광고수에는 제한이 있다. 
하지만 jquery mobile 처럼 다른 페이지로 이동시 ajax로 컨텐츠가 로딩되어 버리면 애드센스에서는 로딩 될 때마다 광고 노출이 계속 누적되어 버리는 것으로 판단하는 것이다.:
그러니 당연히 광고노출이 되질 않지..

해결 방법은 간단하다. 

<script>
$(document).bind("mobileinit", function(){
$.mobile.ajaxEnabled = false;
});
</script>
<script src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js"></script>

위에 보이는 것처럼 jquery mobile 소스가 포함된 항목 바로 전에 위에 굵게 표시한 소스를 삽입해주면 된다. 
이후에는 ajax로 페이지 컨텐츠 로딩이 아닌 일반 방식으로 페이지 이동이 가능해진다.(관련내용 참고 - http://jquerymobile.com/demos/1.0rc3/docs/api/globalconfig.html)

꼭 나 처럼 텍스트큐브를 이용하지 않는 사용자라도
jquery mobile과 애드센스를 함께 모바일 홈페이지에 적용시킬 분이라면 참고하시길. 

-------------------------

헌데...
내 경우 위에서 언급한 내용은 큰 문제가 아니었다. 

아주 웃긴 경우인데..ㅋ
이번에 업글한 텍스트큐브 모바일 스킨에 애드센스를 달고 아이폰을 포함한 IOS 환경에서 보면 모든게 잘 나온다. 
그런데 이걸 안드로이드에서 보면 애드센스를 포함한 페이지 내용이 전혀 보이질 않는다(완전한 백지 페이지). 

혹시 user agent 문제인가 하여 크롬 개발자 환경에서 ios, andorid를 번갈아 테스트하니 역시 android user agent 일 경우에 같은 문제가 발생했다. 
참고로 android user agent 셋팅후 개발자 모드에서 랜더링된 소스를 보면 아래와 같았다. 

jquery mobile이 적용된 텍스트큐브 모바일 페이지를 android user agent로 셋팅해 놓으면 크롬 개발자 모드에서는 일케 보인다. 이러니 브라우저에선 허옇게 아무것도 안나오지ㅋ

jquery mobile이 적용된 텍스트큐브 모바일 페이지를 android user agent로 셋팅해 놓으면 크롬 개발자 모드에서는 일케 보인다. 이러니 브라우저에선 허옇게 아무것도 안나오지ㅋ


google_protectAndRun이라...
그간 애드센스를 운영하면서 한번도 실시간 html소스를 뜯어보지는 않았지만 살펴보니 저 함수는 정상적인 애드센스 광고 노출시에도 호출되더라. 

뭐 그건 그렇고 쨌든 이런 저런 삽질 끝에 원인을 파악해봤는데
결론적으론 이 역시 jquery mobile과의 충돌이었다. 
동일 소스의 같은 페이지에서 jquery.mobile.js를 제거하니 정상적으로 애드센스가 노출됐다. 

혹시 몰라 기존 텍스트큐브 1.9 베타6에서 사용된 jquery mobile 1.0.1 버전에서 1.3으로 갈아타봤으나 증상은 마찬가지.
일단은 문제 발생의 원인은 파악했으니 해결방법만 찾으면 된다. 

또 다시 삽질은 시작된다. 
(하..... 이거 말고도 이번 업글에서 삽질 죽게 했는데...ㅠㅠ)







최근 한달간 인기글

이 글의 관련글

REPLY AND TRACKBACK RSS http://blog.nemesys.co.kr/tt/rss/response/1341
REPLY AND TRACKBACK ATOM http://blog.nemesys.co.kr/tt/atom/response/1341
TRACKBACK ADDRESS
이 글에는 트랙백을 보낼 수 없습니다
REPLY RSS http://blog.nemesys.co.kr/tt/rss/comment/1341
REPLY ATOM http://blog.nemesys.co.kr/tt/atom/comment/1341
이름 / Name : *
비밀번호 / Password : *
홈페이지 / Homepage :
비밀글 / Secret :
*1  ... *97  *98  *99  *100  *101  *102  *103  *104  *105  ... *1133 
  • 블로그 주인장 : Nes
  • 이메일 : [email protected]
  • 이 블로그는?
  • 방명록
  • 레퍼런스 사이트 : http://nemesys.co.kr
SNS + RSS Links
rss
다음 일간 이슈 검색어
Since 2006 Nes's Random Blogz
Total 10718193 T396 Y2121

2526

1893

google chart api graph

-30 days

today : 396

전체 (1133)
Nes이야기 (123)
하드웨어이야기 (260)
소프트웨어이야기 (27)
외국어이야기 (12)
IT/웹이야기 (248)
연예계/방송이야기 (145)
게임이야기 (96)
광고/제품이야기 (58)
여행/먹거리이야기 (45)
세상이야기 (98)
최근에 쓴 글
구글 딥마인드 알파고가 이세돌을 꺾은날, 애드센스로 ...
구글 설문지(구글 폼)에서 정규식으로 입력 내용 사전 ... (1)
유플러스 tv g 4k uhd 셋톱박스를 신모델인 tvg 우퍼2... (9)
신장의 야망 창조 전국입지전 - 삼국지 13의 재미를 뛰... (2)
구글 애널리틱스(Google Analytics) 보고서 및 대시보...
그래픽카드 견적을 뺀 이번 조립컴퓨터, 스카이레이크 ... (1)
기어s 웨어러블 요금제로도 올레 맴버쉽 포인트 사용이...
안드로이드 롤리팝 포팅 버전 기어s 3g 요금제 가입 후... (2)
tasker http post 기능을 활용해 스마트폰 이벤트를 sl...
삼국지13 간단 후기 - 역대 장수제 시리즈의 정점을 찍...
네이버 웹마스터도구에 블로그와 RSS 주소 등록 후 10...
네이버 웹마스터도구 개편이 불러온 검색로직 및 트래...
삼성 갤럭시 기어s 롤리팝 포팅 후기 및 앱 사용기 (1)
삼성 갤럭시 기어s에 안드로이드 롤리팝 올리기 성공! (3)
CPU 잡아먹는 어베스트 avast mft utility(mftutil.exe...
유플러스 TVG 롤리팝 업데이트 후기(via 기기교체!!) (1)
블로그 포스팅이 점점 줄어드는 이유
u+ tv g 롤리팝 업데이트를 하릴없이 기다리며 써본 간... (9)
허니버터칩은 과연 꼬꼬면의 숙명을 피할 수 있을 것인가? (3)
LG유플러스 U+ tvg 4K UHD 간단 사용기 및 신구형 셋톱... (2)
구글 애널리틱스 웹로그 분석 공인 전문가 자격 인증 ...
스마트폰 사용 패턴 통계 및 분석 with Tasker & Googl... (5)
갤럭시 기어1 - 루팅 및 안드로이드 null롬 올린 후 두... (1)
옵티머스G프로 킷캣 업데이트 후 폰트변경 - 나눔바른...
갤럭시 기어1 - 루팅 및 안드로이드 커스텀 롬 사용기 ... (5)
구글 애널리틱스 UA 업그레이드 이후 애드센스 통계 안...
스마트폰 화면 밝기 어둡게해 야밤에 시력 보호하는 방법 (1)
블루투스 휴대용 스피커 로지텍 UE Boom 간단 리뷰 및 ...
구글 스프레드시트가 canvas를 활용해 만들어졌다니!! (1)
구글 드라이브 스프레드시트(엑셀)의 놀라운 기능 impo...