Es gibt häufig Situationen, in denen die von uns entwickelte APP beworben werden muss, beispielsweise durch ein großes Bannerbild oder einen QR-Code oben auf der Seite. Aber oft fügen wir dem Werbebild direkt einen Download-Link (aus dem App Store) hinzu. Lassen Sie uns also die Schritte des Benutzers simulieren:
1. Der Benutzer besucht die Aktionsseite zum ersten Mal
a. Klicken Sie auf das Banner und rufen Sie die entsprechende APP-Download-Seite im APP Store auf
b. Auf der APP-Downloadseite wird Folgendes angezeigt: „Installieren“. Der Benutzer klickt, um zu installieren
d. Der Benutzer nutzt die APP ganz normal2. Der Benutzer besucht die Aktionsseite zum zweiten Mal.a StoreDie Eingabeaufforderung auf der APP-Download-Seite: Öffnen; der Benutzer klickt direkt, um die APP zu öffnen3 Zum dritten, vierten, ..., N-ten Mal sind die Bedienschritte die gleichen wie bei 2 Es ist ersichtlich, dass die Erfahrung sehr schlecht ist, unabhängig davon, ob auf das Banner geklickt oder der QR-Code gescannt wird für Benutzer, die die APP installiert haben. Eine bessere Erfahrung ist: Nach dem Klicken auf das Banner (oder dem Scannen des QR-Codes) stellt das Programm fest, ob die App auf dem aktuellen System installiert wurde. Wenn nicht, springt es automatisch zum App Store-Download Andernfalls öffnen Sie die App direkt. Um ein großes Banner für eine APP hinzuzufügen, müssen Sie nur ein -Tag hinzufügen. Das Format ist wie folgt:
<meta name='apple-itunes-app' content='app-id=你的APP-ID'>
<meta name='apple-itunes-app' content='app-id=477927812'>
<!-- a标签的链接,设置为对应的下载链接;点击打开的动作,在click事件中注册 --> <a href="https://itunes.apple.com/cn/app/id477927812" id="openApp">贴吧客户端</a> <script type="text/javascript"> document.getElementById('openApp').onclick = function(e){ // 通过iframe的方式试图打开APP,如果能正常打开,会直接切换到APP,并自动阻止a标签的默认行为 // 否则打开a标签的href链接 var ifr = document.createElement('iframe'); ifr.src = 'com.baidu.tieba://'; ifr.style.display = 'none'; document.body.appendChild(ifr); window.setTimeout(function(){ document.body.removeChild(ifr); },3000) }; </script>
<!-- a标签的链接,设置为对应的下载链接;点击打开的动作,在click事件中注册 --> <a href="https://itunes.apple.com/cn/app/id477927812" id="openApp" style="display: none">贴吧客户端</a> <script type="text/javascript"> document.getElementById('openApp').onclick = function(e){ // 通过iframe的方式试图打开APP,如果能正常打开,会直接切换到APP,并自动阻止a标签的默认行为 // 否则打开a标签的href链接 var ifr = document.createElement('iframe'); ifr.src = 'com.baidu.tieba://'; ifr.style.display = 'none'; document.body.appendChild(ifr); window.setTimeout(function(){ document.body.removeChild(ifr); },3000) }; document.getElementById('openApp').click();
1. Sie können das Schemaprotokoll überprüfen
2. Wenn Sie WeChat verwenden, wenn Sie Android verwenden. Beim Scannen oder Verwenden der QR-Code-Scanfunktion des QQ-Browsersif(navigator.userAgent.match(/android/i)) { // 通过iframe的方式试图打开APP,如果能正常打开,会直接切换到APP,并自动阻止a标签的默认行为 // 否则打开a标签的href链接 var isInstalled; //下面是安卓端APP接口调用的地址,自己根据情况去修改 var ifrSrc = 'cartooncomicsshowtwo://platformapi/startApp? type=0&id=${com.id}&phone_num=${com.phone_num}'; var ifr = document.createElement('iframe'); ifr.src = ifrSrc; ifr.style.display = 'none'; ifr.onload = function() { // alert('Is installed.'); isInstalled = true; alert(isInstalled); document.getElementById('openApp0').click();}; ifr.onerror = function() { // alert('May be not installed.'); isInstalled = false; alert(isInstalled); } document.body.appendChild(ifr); setTimeout(function() { document.body.removeChild(ifr); },1000); } //ios判断 if(navigator.userAgent.match(/(iPhone|iPod|iPad);?/i)) if(navigator.userAgent.match(/(iPhone|iPod|iPad);?/i)) { //Animation://com.yz.animation var isInstalled; //var gz = '{"comName":"${com.short_name}","comID":"${com.id}","comPhoneNum":"${com.phone_num}","type":"0"}'; //var jsongz =JSON.parse(gz); //下面是IOS调用的地址,自己根据情况去修改 var ifrSrc = 'Animation://?comName=${com.short_name}&comID=${com.id}&comPhoneNum=${com.phone_num}&type=0';var ifr = document.createElement('iframe'); ifr.src = ifrSrc; ifr.style.display = 'none'; ifr.onload = function() { // alert('Is installed.'); isInstalled = true; alert(isInstalled); document.getElementById('openApp1').click();}; ifr.onerror = function() { // alert('May be not installed.'); isInstalled = false; alert(isInstalled); } document.body.appendChild(ifr); setTimeout(function() { document.body.removeChild(ifr); },1000); } }