This browser is no longer supported.
Upgrade to Microsoft Edge to take advantage of the latest features, security updates, and technical support.
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(99.2, 17%, 19%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EB%3C/text%3E%3C/svg%3E)
I built a PWA and integrated it in the Microsoft Store (https://www.microsoft.com/store/productId/9P82T7LD9LCK). Now I would like to customize some of its functionalities for MS Store but first I need to detect (in javascript or CSS) that the app has been launched from MS Store (as opposed to launched from a web browser). Can you help me with this?
I also would like to track the app using Google Analytics and for that I need to pass one or several "utm" arguments in the start url. Since I used PWAbuilder.com to build the app packages, I tried to fill the "URL" field of the "Windows Package Options" with the following value: "https://base.finance?utm_source=microsoft_store". However, it does not seem to work: when I open the app from the MS Store, the start url is just "https://base.finance". What else can I do?
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(92.8, 59%, 18%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EME%3C/text%3E%3C/svg%3E)
Just wrote a brief article on this:
https://micahjon.com/2021/detect-microsoft-store-pwa/
Edge Chromium will use a custom referrer when loading your start URL when a user first opens your PWA. You can then keep track of this state in SessionStorage.
document.referrer === 'app-info://platform/microsoft-store';
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(313.6, 20%, 40%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EJP%3C/text%3E%3C/svg%3E)
Does anyone have any answer to this? My app is pending because I'd need a way to hide links to other Stores but only when running in MS Store PWA.