Web App Install Banner Samples

The web app install banner user prompt that Chrome will trigger to indicate that the user can add your web app to the users home screen. It will only prompt when a number of criteria have been met:

• The app uses a service worker
• The site is using HTTPS
• The app has a manifest declared
• The manifest has a short_name, 144 pixel icon and a type of 'image/png'

The following samples show you the different ways that you can control the Web App banner experience:

• Basic Banner Sample - Minimum viable code.
• Cancelable Banner Sample - Proactively stop the banner from showing.
• User action Sample - Understand if the user accepted or dismissed the banner.
• Deferred prompt Sample - Prompt the user at a developer defined time.

Chrome also supports the ability to offer and streamline the install experience of Native Android applications, through the use of 'related_application' data in the manifest.

• Basic Native App install sample - Minimum viable code.

For testing we encourage you to force the banner to appear by setting the chrome://flags/#bypass-app-banner-engagement-checks flag.