How to prevent Add to home screen pwa from prompting again on www version of the site?

Question

I am able to get Add to home screen popup on my website example.com but when I open my website with www.example.com, I again get the popup and on clicking on add, it adds the wpa again in the home screen.

How can I prevent this from happening as its useless to have two wpa icons of the same website?

score 3 · Answer 1 · answered May 20 '19 at 19:13

Easiest option is to simply redirect www calls to non-www calls. So the users never actually stay in that different subdomain.

If for some reason you can't do that, on install of the PWA you could save a cross subdomain cookie just to have a "flag" set that the user installed the PWA. Then, in your code you listen to beforeinstallpromptevent, and do not prompt the install if the cookie exists.

score -1 · Accepted Answer · answered May 20 '19 at 19:35

-1

You could add some JavaScript code to remove the following tag whenever the user visits the wwwsite.

<link rel="manifest" href="/manifest.json">

Example:

if (window.location.host.startsWith('www.') {
    const manifestLink = document.querySelector("link[rel='manifest']")
    manifestLink.parentNode.removeChild(manifestLink)
}

answered May 20 '19 at 19:35

mattemyo

99
1
4

Correct me if I'm wrong, but this will make the www subdomain not suggest a pwa install at all? – Erndob May 22 '19 at 11:52
That's right. Then I guess the best option is to follow @erndob 's suggestion – mattemyo May 22 '19 at 19:30

How to prevent Add to home screen pwa from prompting again on www version of the site?

2 Answers2