제이쿼리 모바일 애드센스 작동 문제 jquery mobile adsense

제이쿼리 모바일 애드센스 작동 문제 jquery mobile adsense

제이쿼리 모바일과 애드센스를 같이 사용하면  아래와 같은 에러가 발생합니다.

Uncaught TagError: adsbygoogle.push() error: No slot size for availableWidth=0

이 오류로 인해 form submit 액션이 작동하지 않습니다.

또한 링크 페이지 이동할 때 구글 애드센스 광고가 노출 되지 않는 증상이 발생할 수 있습니다.

제이쿼리모바일을 사용하는 이유는 모바일웹을 만들기 위해서 사용하는데 오류로 인해 둘 중하나를 포기한다면 너무 안타까운 일이 아닐까 생각합니다. 

오류 메세지

Uncaught TagError: adsbygoogle.push() error: No slot size for availableWidth=0

오류가 있으니 해결방법도 있겠죠.

아주 간단합니다. 

제이쿼리모바일 링크 바로 위에  아래 소스를 넣으면 됩니다. 

<script>

$(document).bind("mobileinit", function(){

$.mobile.ajaxEnabled = false;

});

</script>

<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>

이렇게 하면 아무런 문제 없이 제이쿼리 모바일로 만든 페이지에서 구글 애드센스를 사용할 수 있습니다.