iOS 6 的 Smart App Banners 介绍和使用

什么是 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=http://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每日推送 网站查看具体的效果，使用上面有什么问题，请给我留言。

>>> 继续阅读全文 ...

欢迎关注我们关于 WordPress 技巧的微博：
新浪微博： http://weibo.com/wpjam
腾讯微博： http://t.qq.com/WordPressJam

© 我爱水煮鱼 / 收藏本文 / 0条评论 / RSS 订阅 / 长期承接 WordPress 项目 / 主机域名优惠码 / 新浪微博