Appy

智能链接与 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 套餐就提供这样的网页横幅。

示例<head> 中的元标签
<meta name="apple-itunes-app" content="app-id=123456789">
延伸阅读Web-to-App 漏斗:把你已有的流量变成安装量用横幅、智能链接和二维码,把网站访客导入 App。
  • 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,电脑端打开网站。没有广告,不用绑卡。