제이쿼리 모바일로 만든 모바일 웹페이지에 구글 광고를 붙이면 나는 에러가 있다.
구글 광고가 붙어있는 페이지를 로딩하면 구글 광고만 나오고 컨텐츠는 안나온다.
하다하다 검색을 하니 하나 찾긴 찾았다.
우선 이럴때는 링크 속성을 rel="external"로 주거나 data-ajax = "false"로 주고 처리를 하면 되는듯 하다.
(사실 갤럭시1에서는 약간 안되는것도 있지만 2, 3는 잘됨.. 아무튼..) 잘된다.
우선 아래 소스를 js파일로 만들어서 넣고
- (window).load(function(){
- var ads_top = $("#adsense_top").find("iframe");
-
- //This is where the ads will show when the page is first loaded
- $(ads_top).appendTo("#google_ads_top div");
-
- $("#adsense_top").remove();
-
- $('div').live('pagehide',function(event, ui){
- //This is where the ads will show when theirs a page transition
- $(ads_top).appendTo("#google_ads_top div");
- });
- });
만드는 페이지를 아래 처럼 한다음에 구글 광고를 심어 넣으면 된다.
링크는 항상 external
- <!DOCTYPE html>
- <html>
- <head>
- </head>
-
- <body>
- <div data-role="page" data-theme="d">
- <div id="header">
- </div>
-
- <div data-role="navbar">
- </div>
-
- <div id="google_ads_top">
- <div align="center">
- </div>
- </div>
-
- <div data-role="content">
- < a href ="XXXX" rel="external">XXX</a>
- </div>
-
- <div id="footer">
- </div>
- </div>
- <div id="adsense_top" style="display:none;">
- <!--구글광고 넣을 자리 여러 페이지라면 따로 빼서 인클루드 시키는것이 좋다.-->
- </div>
- </body>
- </html>
그래도 안되면...다른거 찾아서 알려주세요~
