创建 Android 智能应用横幅

Answer 1

从 Chrome 44 Beta 开始，您可以使用以下命令在 Chrome for Android 中推送您的应用程序 您网站上的本机应用程序安装横幅。

请看下面的答案。

---

旧答案

我自己需要这个，所以我创建了一个 jquery 插件来模仿 Android 和旧版 iOS 版本的智能横幅。

https://github.com/jasny/jquery.smartbanner

Answer 2

自 Chrome 44 Beta 起，您可以在您的网站上使用本机应用程序安装横幅在 Android 版 Chrome 中推送您的应用程序。为了启用它，需要满足几个标准：

• 您将需要一个网络应用程序清单文件
• 您必须使用 https 为您的网络提供服务
• 用户在两周内的两天内访问了您的网站两次。

在 Google 的官方文档中阅读更多相关信息。

Answer 3

您可以使用特殊参数将 Google 登录按钮添加到您的页面，然后用户可以登录并指定直接从您的网站安装您的应用程序的设备。

这是我所知道的最“官方支持”的实现：

https://developers.google.com/identity/sign-in/web/android-app-installs

来自链接：

通过将 Google 登录按钮添加到您的网站，您可以自动提示用户将您的 Android 应用程序通过无线方式下载到他们的 Android 设备上。要启用此功能，您必须为 Web 和 Android 客户端使用相同的 Google Developers Console 项目，并配置 Web 应用程序的登录按钮。

您的网络应用程序必须使用 Google 登录按钮来提示您的网站用户在首次登录时下载您的应用程序。通过将 apppackagename 参数添加到您的登录按钮即可启用此功能。

Answer 4

有两个可用的 API：

• 要检测应用程序是否已安装，请使用 getInstalledRelatedApps（仅适用于 Chrome 80+）
  • 包含一般信息的文章：https://web.dev/get-installed-lated-apps/
  • 带有代码的文档和演示（网络+应用程序）https://www.chromestatus.com/feature/5695378309513216
• 显示提示安装您的应用程序
  • 带有代码示例的文章：https://web.dev/customize-install/
  • 文档：https://developers.google.com/web/fundamentals/app-install-banners/native