Study ;3
모바일웹에서 앱 실행 또는 설치 페이지 이동
유부뽀
2013. 2. 7. 15:32
웹에서 앱 설치 여부에 따라 앱스토어 혹은 마켓으로 이동하거나 앱 실행해야 하는 이슈가 있어서 개발하게 된 코드
정확히는 여기저기 알아봄 ㅜ.ㅜ
일단 네이버앱 연동하는 페이지 참고
http://dev.naver.com/openapi/mobile/naverapp
그런데 안드로이드에서 뭔가 제대로 동작하지 않아서 블로그 뒤지다가 그냥 ios랑 같은 방식으로 넘김..
* jquery 스크립트 포함되어야 함.
ios나 android나 방식은 같다.
타이머걸어놓고 앱 실행 안되면 마켓으로 이동.
안드로이드는 마켓이동할때 iframe이용해야해서 좀 귀찮아씀 ㅜ.ㅜ
function is_installed_app_ios() { var appstoreUrl = 'http://itunes.apple.com/kr/app/id[app_num_id]?mt=8'; var url = "[app_str_id]://"; var clickedAt = +new Date; AppCheckTimer = setTimeout(function() { if (+new Date - clickedAt < 2000) { location.href = appstoreUrl; } }, 1500); location.href = url; } function is_installed_app_and() { var macketUrl = 'http://market.android.com/details?id=[android_id]'; //var macketUrl = 'market://details?id=[android_id]'; install_and( macketUrl ); var url = "[app_str_id]"; $("#div_app").html( "<iframe id='frm' src='" + url + "' width=0 height=0 frameborder=0></iframe>" ); setTimeout(function () { var div = $("#div_app"); var iframe = $("#frm"); if( iframe.length > 0) { iframe.remove(); } }, 1000 ); } function install_and( macketUrl ) { var clickedAt = new Date(); setTimeout( function () { if(new Date() - clickedAt < 1500) { location.href = macketUrl; } }, 500); }
반응형