常常有這樣的場(chǎng)景,咱們開(kāi)發(fā)出來(lái)的APP需要進(jìn)行推廣,比如在頁(yè)面頂部來(lái)一張大Banner圖片,亦或一張二維碼。但往往我們都是直接給推廣圖片加了一個(gè)下載鏈接(App Store中的)。所以咱們來(lái)模擬一下用戶的操作步驟:
1、用戶第一次訪問(wèn)宣傳頁(yè)面
? a、點(diǎn)擊Banner,進(jìn)入到APP Store中對(duì)應(yīng)的APP下載頁(yè)
? b、APP下載頁(yè)中提示:安裝;用戶點(diǎn)擊安裝
? c、安裝完成后,APP下載頁(yè)中提示:打開(kāi);用戶繼續(xù)點(diǎn)擊打開(kāi)
? d、用戶正常使用APP
2、用戶第二次訪問(wèn)宣傳頁(yè)面
? a、點(diǎn)擊Banner,進(jìn)入到APP Store中對(duì)應(yīng)的APP下載頁(yè)
? b、APP下載頁(yè)中提示:打開(kāi);用戶直接點(diǎn)擊打開(kāi)
? c、用戶正常使用APP
3、用戶第三次、第四次、...、第N次訪問(wèn),操作步驟同2
能看出來(lái),不管是點(diǎn)擊Banner還是掃描二維碼的方式,對(duì)于已經(jīng)安裝過(guò)APP的用戶來(lái)說(shuō),這個(gè)體驗(yàn)都是非常糟糕的。
更優(yōu)的體驗(yàn)是:點(diǎn)擊Banner(或掃描二維碼)后,程序判斷當(dāng)前系統(tǒng)是否已安裝App,如果未安裝,則自動(dòng)跳轉(zhuǎn)到App Store下載頁(yè);否則直接打開(kāi)App。
而對(duì)于點(diǎn)擊鏈接后,能否直接打開(kāi),可以通過(guò)下面的代碼來(lái)實(shí)現(xiàn)。
前提條件:你得知道你的APP對(duì)應(yīng)的打開(kāi)協(xié)議,如貼吧APP,協(xié)議為:com.baidu.tieba:// ,微信的:weixin://
測(cè)試給Banner加點(diǎn)擊事件,點(diǎn)擊打開(kāi)App
document.querySelector("#Banner").onclick = function(){
? ? setTimeout(function(){
? ? ? ? window.location.href = "com.baidu.tieba://"http://喚起APP
? ? },2000);
? ? window.location.href = "download.html"http://2秒內(nèi)沒(méi)有喚起,表示手機(jī)中沒(méi)有該APP,去下載頁(yè)
}
給ID為Banner的元素添加點(diǎn)擊事件,用戶點(diǎn)擊鏈接,打開(kāi)協(xié)議啟動(dòng)APP
如果是在微信中,我們用工具轉(zhuǎn)換openapp頁(yè)面的鏈接,轉(zhuǎn)換后的鏈接可以在微信中自動(dòng)在打開(kāi)瀏覽器訪問(wèn)openapp頁(yè)面,這樣用戶點(diǎn)擊的時(shí)候一樣可以喚起APP了
使用教程:
①:輸入需要在微信中打開(kāi)的網(wǎng)址鏈接。
②:點(diǎn)擊生成按鈕,生成轉(zhuǎn)換后的鏈接和二維碼。
③:復(fù)制生成后的鏈接或者掃一掃二維碼即可。
簡(jiǎn)單的說(shuō),就是在微信中做不了的事在瀏覽器中卻可以做,我們就可以把需要打開(kāi)的鏈接用工具轉(zhuǎn)換