如何在Safari网页界面直接安装iOS应用？

你看到的这个功能是苹果官方的Smart App Banner（智能应用横幅），它是iOS Safari专属功能，用于引导用户从App Store下载对应应用，或直接打开已安装的应用。

实现步骤 #

• 在网页的<head>标签中添加apple-itunes-app元标签，示例代码如下：

<meta name="apple-itunes-app" content="app-id=123456789, app-argument=https://your-deep-link-url">

• 参数说明：
  • app-id：必填项，是你的应用在App Store中的唯一ID（可在App Store Connect后台获取）。
  • app-argument：可选，用于设置深度链接参数，用户点击横幅的「打开」按钮时，会带着这个参数跳转至应用指定页面。
  • affiliate-data：可选，用于联盟营销的追踪数据，不需要可忽略。

额外说明 #

• 该横幅仅在iOS Safari浏览器中触发，其他iOS第三方浏览器不会显示。
• 若用户已安装对应应用，横幅会显示「打开」按钮；未安装则显示「获取」按钮，点击后直接跳转至App Store应用详情页。
• 无需额外编写JavaScript代码，只要正确配置元标签，Safari会自动检测并展示横幅。

内容的提问来源于stack exchange，提问作者spierce7