iOS Smart App Banner 智能App廣告條

在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打開鏈接地址試試。

IMG_0040.jpg
IMG_0045.jpg

本文知乎問題的鏈接

方法很簡(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)頁源碼

safari.png

藍(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在起作用。

IMG_0047.jpg

在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)打開:

IMG_0046.jpg

會(huì)發(fā)現(xiàn)上邊的Smart APP Banner失效了。但是下面多了個(gè)『知乎 下載APP』
這個(gè)就是自己在html上繪制的了,并且使用URL Schema.
有關(guān)URL Schema大家應(yīng)該不陌生了。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,813評(píng)論 25 708
  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫(kù)、插件、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 12,180評(píng)論 4 61
  • 我常常在無聊地漫想,別人眼中自己的模樣,為此還曾問過女兒詢過妻子,公眾號(hào)改名為Mr瘋的時(shí)候,他們兩個(gè)意見同我相左的...
    瘋讀閱讀 717評(píng)論 0 0
  • 昨夜我夢(mèng)見你 過去的太陽啊 螢火的人們像是驕傲的海女 什么是我們的生命里 只是我生命之顏色如薔薇般鮮艷 有太陽也不...
    天魁詩詞書畫閱讀 325評(píng)論 0 2