前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >iOS 6 的 Smart App Banners 介绍和使用

iOS 6 的 Smart App Banners 介绍和使用

作者头像
Denis
发布2023-04-14 16:57:13
4230
发布2023-04-14 16:57:13
举报
文章被收录于专栏:WordPress果酱WordPress果酱

什么是 Smart App Banners

iOS 6 给 Safari 带来了一个新功能:Smart App Banners,这个功能对于同时拥有网站和 App 的开发者来说特别实用。

苹果开发这个功能的目的就是让 App 开发者更容易的把访问移动端网站的用户导入到他们的 App 中,而不用去写复杂笨拙的弹出窗。

iOS 6 的 Smart App Banners 介绍和使用
iOS 6 的 Smart App Banners 介绍和使用

上面就是在 App每日推送 网站上实现 Smart App Banners 的效果,我们可以看到在最上面有一个 Banner 条,上面显示了 App每日推送 iPhone 客户端的图标,标题,公司名称,评分和价格。最右边是一个点击会跳到 App Store 下载页的按钮,如果用户已经安装了,点击就会自动打开 App。

在你的网站添加 Smart App Banners

在网站上添加 Smart App Banners 是非常简单,只需要在网站的 head 区域添加如下的 meta 代码:

代码语言:javascript
复制
<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 页面,我们可以添加如下的参数:

代码语言:javascript
复制
<meta name="apple-itunes-app" content="app-id=425692044, app-argument=appdp:275"/>

app-argument 这个参数的值传递给程序之后,作为 UIApplication 委托方法的 url 参数,所以 App 中需要添加如下代码进行处理:

代码语言:javascript
复制
-(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每日推送 网站查看具体的效果,使用上面有什么问题,请给我留言。


本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 什么是 Smart App Banners
  • 在你的网站添加 Smart App Banners
  • Smart App Banners 高级使用
  • Smart App Banners 总结
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档