Google Web App Install Banners - How?

[Amin Sabet]

I want to do this: https://developers.google.com/web/u...p-install-banners-in-chrome-for-android?hl=en

Basically it launches a banner asking people to "install" your site.

These are the steps they give:

• You have a web app manifest file, which defines how your app appears on the user’s system and how it should be launched
  • The manifest must have a `short_name`, a name for display in the banner,
  • A start URL (e.g. / or index.html) which must be loadable,
  • At least an `144x144` PNG icon
  • Your icon declarations should include a mime type of image/png
• You have a service worker registered on your site. We recommend a simple custom offline pageservice worker
• Your site is served over HTTPS (service worker requires HTTPS for security)
• The user has visited your site at least twice, with at least five minutes between visits.

Compliant web app manifest file: Check
HTTPS: Check
Service worker registered: Check
Site visited more than twice with at least 5 min between: Check

Banner not showing .

Has anyone gotten this to work on their Xenforo site?

 

[Amin Sabet]

Figured it out. I'll write up a resource explaining.

 

[StarArmy]

Figured it out. I'll write up a resource explaining.

Cool! I'm interested to see your instructions.

 

[Amin Sabet]

Cool! I'm interested to see your instructions.

Here you go: https://xenforo.com/community/resources/web-app-install-banner.5322/