在iOS中提供了兩種在瀏覽器中打開APP的方法:Smart App Banner和schema協(xié)議。
Smart App Banner 是iOS6的新特性,只針對(duì)iOS設(shè)備,可以讓App開發(fā)者可以更容易以超鏈接的方式自由跳轉(zhuǎn),快速地引導(dǎo)用戶到App Store下載自己的App,將訪問Web頁面的用戶轉(zhuǎn)化成App用戶。
通過Smart App Banners,開發(fā)者將可以獲得一個(gè)將網(wǎng)站流量轉(zhuǎn)化成App用戶的新渠道。
形如(第一張為未安裝APP時(shí)的顯示,第二張為安裝APP時(shí)的顯示):
簡(jiǎn)書也有哦,用iOS設(shè)備Safari打開鏈接地址試試。
方法很簡(jiǎn)單,在html heander內(nèi)增加一個(gè)meta 標(biāo)簽,在標(biāo)簽上帶上app的信息,和打開后的行為,例如:app-id之類的,代碼形如:
<meta name="apple-itunes-app" content="app-id=myAppStoreID, affiliate-data=myAffiliateData, app-argument=myURL">
#content 屬性可以傳三個(gè)參數(shù),以逗號(hào)隔開
#app-id(必選) 填寫應(yīng)用在APPStrore的ID
#affiliate-data(可選) 是iTunes 分銷聯(lián)盟計(jì)劃的ID 一般用不到。
#app-argument(可選)點(diǎn)擊『打開』給APP傳參數(shù)
下圖是查看iPhone上 Safari打開的知乎網(wǎng)頁源碼
藍(lán)色的是選中了html頂級(jí)標(biāo)簽,在上方知乎的網(wǎng)頁上會(huì)覆蓋一層藍(lán)色圖層,可見 Smart App Banner并沒有變?yōu)樗{(lán)色,說明它不是網(wǎng)頁的一部分。
紅色方框內(nèi)是顯示這塊Smart App Banner的核心,有知乎的APPID,和app-argument=zhihu://questions/25152251
點(diǎn)擊打開,會(huì)跳轉(zhuǎn)至知乎,并跳轉(zhuǎn)至該問題,就是這個(gè)app-argument在起作用。
在iOS APP接收數(shù)據(jù)并處理:
- (BOOL)application:(UIApplication *)application openURL:(NSURL *)url sourceApplication:(NSString *)sourceApplication annotation:(id)annotation
{
// in this example, the URL from which the user came is
zhihu://questions/25152251
// determine if the user was viewing a profile
if ([[url absoluteString] contins:@"zhihu"]) {
//解析url
//做一些跳轉(zhuǎn)
}
return YES;
}
把本文知乎問題的鏈接 放到QQ內(nèi)打開:
會(huì)發(fā)現(xiàn)上邊的Smart APP Banner失效了。但是下面多了個(gè)『知乎 下載APP』
這個(gè)就是自己在html上繪制的了,并且使用URL Schema.
有關(guān)URL Schema大家應(yīng)該不陌生了。
、