(And how to light up Get this App in Modern UI IE 10 or 11)
I previously posted an article on how to associate your web site with a pinned Live Tile. Today, I’m going to provide some information on how to associate your web site with your Windows Store Application so that visitors can automatically see that you have an app for your site and navigate directly to it in the Windows Store if they wish to install it.
You may have noticed in Windows 8.0 or 8.1 that using the Modern UI version of Internet Explorer that when you select the wrench icon on the AppBar, an entry named Get this App appears, but is greyed out for most sites.
As of today, when you visit blogs.msmvps.com you will see that the site is now associated with MsMVPs Blog Reader in the Windows Store. If the App is not already installed, Get App for this site will light up in Modern IE. If MSMVPs Blog Reader App is already installed, Switch to MSMVPs.. will be displayed
Enabling this is easy to do (I had to hunt around to find a site actually using this as it is not really documented anywhere.)
I added two lines to header.php in my wordpress theme:
<meta name="msApplication-ID" content="App" />
<meta name="meta name="msApplication-PackageFamilyName"content="25241Digitalmediaphile.MSMVPsBlogReader_m2thxh7x439cm" />
The first entry should be exactly as listed above. The second entry is obtained by examining a computer where the app is installed and getting the name from
C:\Users\YOUR USER NAME\AppData\Local\Packages
If you are using the Windows 8.1 Preview and Modern IE 11, and don’t have my app installed, you will see
And on Windows 8.0, using Modern UI IE 10, you will see
As you’d expect, when you select Get app for this site, The Windows Store will open and display MsMVPs Blog Reader and you can install the app.