創建一個安卓智能應用橫幅

Question

有沒有類似 iOS 6 智能應用橫幅的 Android 設備解決方案？

這是智能應用橫幅的代碼

<meta name="apple-itunes-app" content="app-id=311507490, affiliate-data=partnerId=30&siteID=k1CkFsOh4nQ"/>

Answer 1

從 Chrome 44 Beta 開始，您可以在 Android 版 Chrome 中推送您的應用程序，並在您的網站上使用本機應用程序安裝橫幅。

請看下面的答案。

---

舊答案

我自己需要它，所以我創建了一個 jquery 插件來模擬 Android 和舊 iOS 版本的智能橫幅。

http://jasny.github.com/jquery.smartbanner/#android

Answer 2

從 Chrome 44 Beta 開始，您可以在 Android 版 Chrome 中推送您的應用程序，並在您的網站上使用本機應用程序安裝橫幅。 要啟用它，需要滿足幾個條件：

• 您將需要一個Web 應用清單文件
• 您必須使用 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-related-apps/
  • 帶有代碼的文檔和演示（網絡+應用程序） https://www.chromestatus.com/feature/5695378309513216
• 顯示安裝應用的提示
  • 帶有代碼示例的文章： https : //web.dev/customize-install/
  • 文檔： https : //developers.google.com/web/fundamentals/app-install-banners/native