智能链接与 Web-to-App
什么是 Smart App Banner(智能 App 横幅)?
一句话解释
Smart App Banner(智能 App 横幅)是 iOS 版 Safari 在网页顶部显示的 Apple 横幅,引导用户打开或下载 App,只需在页面里加一个 apple-itunes-app 元标签。它只出现在 iOS 的 Safari 里:iPhone 上的 Chrome、应用内浏览器和安卓都看不到。
怎么启用
在页面 <head> 里加上 apple-itunes-app 元标签,填入 App 在 App Store 的 ID。之后由 Safari 自己判断:装了 App,横幅提示打开;没装,提示去 App Store。图标和名称取自 App Store,样式改不了。用户关掉一次,Safari 会记住,之后不再显示。
举个例子
一家电商在所有商品页加了这个标签。用 iPhone Safari 从搜索进来的用户,会在商品页顶部看到一条带 App 图标的横幅,点一下就进入 App 或 App Store。
哪里看不到
iPhone 上的 Chrome 等浏览器不显示它,Instagram、TikTok、Facebook 的应用内浏览器也不显示,安卓上更是完全没有。这些场景下,网站通常会放一个自己用 JavaScript 实现的网页横幅,任何浏览器都能显示。Appy 的 Pro 套餐就提供这样的网页横幅。
<meta name="apple-itunes-app" content="app-id=123456789">相关术语
- Web-to-App
Web-to-App 指把手机网站、邮件和电脑网页上的用户引导进 App 的所有手段:网页横幅、智能链接、电脑页面上的二维码,以及能在 App 里打开同一页内容的深度链接。核心目标只有一个:跳转之后,用户看到的还是刚才在看的东西。
- 通用链接(Universal Links)
通用链接(Universal Links)是 Apple 从 iOS 9 起支持的 https 链接:在 iPhone 和 iPad 上,装了 App 就直接打开 App,没装就打开网站。配置要两边配合:App 开启 Associated Domains,域名下放好 apple-app-site-association 文件。
- 应用内浏览器(In-app browser)
应用内浏览器(In-app browser)是 Instagram、TikTok、Facebook、LinkedIn 等 App 里自带的浏览器。链接直接在里面打开,用户始终停留在宿主 App 中。因此通用链接和 App Links 经常不生效:即使用户装了你的 App,打开的也还是网站。
一条链接,搞定 App Store、Google Play 和网站
Appy 免费版提供 4 条链接和对应的二维码:按设备自动跳转 App Store、Google Play、华为应用市场、三星 Galaxy Store 或小米 GetApps,电脑端打开网站。没有广告,不用绑卡。