iOS 6 的 Smart App Banners 介绍和使用

标签: Apple iPad iPhone | 发表时间:2012-09-23 14:57 | 作者:Denis
分享到:
出处:http://fairyfish.net

什么是 Smart App Banners

iOS 6 给 Safari 带来了一个新功能:Smart App Banners,这个功能对于同时拥有网站和 App 的开发者来说特别实用。苹果开发这个功能的目的就是让 App 开发者更容易的把访问移动端网站的用户导入到他们的 App 中,而不用去写复杂笨拙的弹出窗。

iOS 6 的 Smart App Banners 介绍和使用

上面就是在 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 项目 / 主机域名优惠码 / 新浪微博

相关 [ios smart app] 推荐:

iOS 6 的 Smart App Banners 介绍和使用

- - 我爱水煮鱼
什么是 Smart App Banners. iOS 6 给 Safari 带来了一个新功能:Smart App Banners,这个功能对于同时拥有网站和 App 的开发者来说特别实用. 苹果开发这个功能的目的就是让 App 开发者更容易的把访问移动端网站的用户导入到他们的 App 中,而不用去写复杂笨拙的弹出窗.

[IOS]iOS App性能优化

- - 操作系统 - ITeye博客
iOS App的性能关注点. 虽然iPhone的机能越来越好,但是app的功能也越来越复杂,性能从来都是移动开发的核心关注点之一. 我们说一个app性能好,不是简单指感觉运行速度快,而应该是指应用启动快速、UI反馈响应及时、列表滚动操作流畅、内存使用合理,当然更不能随随便便Crash啦. 工程师开发应用时除了在设计上要避免性能“坑”的出现,在实际遇到“坑”时也要能很快定位原因所在.

iOS Web App初步

- - 新浪UED
iOS Web App开发,配合HTML5,是目前比较热门的话题. 今天,先抛开HTML5,我们来尝试在PhoneGap框架上进行简单的开发. PhoneGap是一个使用HTML,CSS和JavaScript的,创建移动跨平台移动应用程序的快速开发平台. 它使开发者能够利用iPhone,Android,Palm,Symbian,WP7,Bada和Blackberry等智能手机的核心功能——包括地理定位,加速器,联系人,声音和振动等,此外PhoneGap拥有丰富的插件,可以以此扩展无限的功能.

iOS APP体验设计

- wuwu - 彩程团队BLOG
iOS APP体验设计不像互联网的体验设计那样,有一堆的方法论和可以“借鉴”的案例. 目前除了苹果的<Human Interface Guidelines>和前Palm的<Zen of Palm>外,没有找到更好的设计哲学和方法论. 事实上,即便认真地研读了HIG和Zen of Palm,甚至是Oolon Colluphid的哲学巨作你也无法严格按照Guideline设计出一款出色的APP.

iOS App体验设计

- 志飞 - 36氪
编者按:本文来自成都彩程设计的CTO肖轶翔「@yxshawn」,关注「iOS,人机交互,UED,音乐人,多媒体,哲学,科幻,电子,迷幻」. 他在文中对iOS 应用和普通网站设计进行了对比,并提出了自己的设计理念. iOS APP体验设计不像互联网的体验设计那样,有一堆的方法论和可以“借鉴”的案例. 目前除了苹果的<Human Interface Guidelines>和前Palm的<Zen of Palm>外,没有找到更好的设计哲学和方法论.

iOS App开发那些事

- - IT江湖
自从做Team Leader之后,身上权责发生了变化,于是让我烦恼的不再是具体某个功能,某个界面的实现,而是如何在现有代码的基础上做渐进式的改进,创造出比较合适规范和框架,使得组内成员更快更好地完成任务. 一年下来,颇有点想法,于是啰嗦几句关于iOS App开发的那些事. 首先明确一点,合适的人是指纯技术团队的建设.

Smart Cover 聰明得可以將運行 iOS 5 但鎖上了的 iPad 2 解鎖!(影片)

- SotongDJ - Engadget 中文版
德國網站 Apfeltalk 剛剛發現了在運行著 iOS 5 但有密碼鎖的 iPad 2 上有一個頗讓人擔心的保安漏洞,而破解工具竟然是 Apple 的 Smart Cover. 他們發現只要在鎖定頁面按著 Sleep / Wake 鍵直到關機的選項出現後,合上然後再打開 Smart Cover 便可以進入休眠前的畫面.

Smart Cover 聪明得可以将运行 iOS 5 但锁上了的 iPad 2 解锁!(影片)

- ts - Engadget 中国版
德国网站 Apfeltalk 刚刚发现了在运行着 iOS 5 但有密码锁的 iPad 2 上有一个颇让人担心的保安漏洞,而破解工具竟然是 Apple 的 Smart Cover. 他们发现只要在锁定页面按着 Sleep / Wake 键直到关机的选项出现后,合上然后再打开 Smart Cover 便可以进入休眠前的画面.