CODEWITHSUNDEEP
androidgoogle-chromemanifestprogressive-web-apps
Ignasi
Ignasi

Reputation: 6185

Chrome native app install banner and Add to Home Screen

I recently add to my web a Native app install banner of Chrome. It's working pretty well, when a user meets the specified criteria, a banner to install my app is showed.

But I would like to have the feature: Add to Home Screen too. Basically for those users which doesn't want to install the app but they could be interested on add to home screen my web.

It is posible to have both features working together?

Upvotes: 8

Views: 2178

Answers (2)

Kornel
Kornel

Reputation: 100190

Yes, you can.

There is beforeinstallprompt event, which you can intercept and delay for as long as you like (e.g. until user presses your button).

The event has a .prompt() function, which you can call to make the prompt appear when you want it.

window.addEventListener("beforeinstallprompt", ev => { 
  // Stop Chrome from asking _now_
  ev.preventDefault();

  // Create your custom "add to home screen" button here if needed.
  // Keep in mind that this event may be called multiple times, 
  // so avoid creating multiple buttons!
  myCustomButton.onclick = () => ev.prompt();
});

Upvotes: 2

Miguel Garcia
Miguel Garcia

Reputation: 1029

I don't think that works today. Seems like a good feature request for Chrome's tracker crbug.com It is not clear to me how would you control which one of the prompts you get but probably worth discussing that on crbug.

Upvotes: 0

Related Questions