iOS 6 的 Smart App Banners 介紹和使用

標籤：style   c   class   blog   code   tar   

iOS 6 的 Smart App Banners 介紹和使用Denis 留言: 10 瀏覽：4890

文章目錄[隱藏]

• 什麼是 Smart App Banners
• 在你的網站添加 Smart App Banners
• Smart App Banners 進階使用
• Smart App Banners 總結

WPJAM TOC

什麼是 Smart App Banners

iOS 6 給 Safari 帶來了一個新功能：Smart App Banners，這個功能對於同時擁有網站和 App 的開發人員來說特別實用。

蘋果開發這個功能的目的就是讓 App 開發人員更容易的把訪問移動端網站的使用者匯入到他們的 App 中，而不用去寫複雜笨拙的彈出窗。

上面就是在 App每日推送 網站上實現 Smart App Banners 的效果，我們可以看到在最上面有一個 Banner 條，上面顯示了 App每日推送 iPhone 用戶端的表徵圖，標題，公司名稱，評分和價格。最右邊是一個點擊會跳到 App Store 下載頁的按鈕，如果使用者已經安裝了，點擊就會自動開啟 App。

在你的網站添加 Smart App Banners

在網站上添加 Smart App Banners 是非常簡單，只需要在網站的 head 地區添加如下的 meta代碼：

<meta name="apple-itunes-app" content="app-id=425692044"/>

把 app-id 替換成你的 App 的 ID 即可。

Smart App Banners 進階使用

如果使用者安裝了你的應用，這時 Smart App Banners 每次都是簡單的開啟 App，這樣體驗並不好，比如 App每日推送 這個網站是推薦各種好玩好用的 App，在具體某個 App 頁面的時候，如果能開啟 App每日推送 用戶端對應的頁面，這樣的體驗是最好的。所以 Smart App Banners 又提供了一個叫做 app-argument 的參數，讓你進行各種自訂。

比如在 App每日推送推薦的中文網址導航這個 App 頁面，我們可以添加如下的參數：

<meta name="apple-itunes-app" content="app-id=425692044, app-argument=appdp:275"/>

app-argument 這個參數的值傳遞給程式之後，作為 UIApplication 委託方法的 url 參數，所以 App 中需要添加如下代碼進行處理：

-(BOOL)application:(UIApplication*)application            openURL:(NSURL*)url            sourceApplication:(NSString*)sourceApplication            annotation:(id)annotation

Smart App Banners 總結

關於 Smart App Banners 的介紹就到這裡，如果你是 App 開發人員，強烈建議你花個2分鐘時間在你的網站上實現 Smart App Banners 功能。

你可以使用 iPhone 或者 iPad 訪問 App每日推送 網站查看具體的效果，使用上面有什麼問題，請給我留言。

標籤：iPad iPhone