{"id":641,"date":"2013-07-10T11:34:39","date_gmt":"2013-07-10T15:34:39","guid":{"rendered":"https:\/\/digitalmediaphile.com\/?p=641"},"modified":"2013-07-19T12:59:15","modified_gmt":"2013-07-19T16:59:15","slug":"how-to-associate-your-web-site-with-your-windows-store-app","status":"publish","type":"post","link":"https:\/\/digitalmediaphile.com\/index.php\/2013\/07\/10\/how-to-associate-your-web-site-with-your-windows-store-app\/","title":{"rendered":"How to Associate Your Web Site With Your Windows Store App"},"content":{"rendered":"<p>&#160;<\/p>\n<p><font size=\"4\"><em><strong>(And how to light up Get this App in Modern UI IE 10 or 11)<\/strong><\/em><\/font><\/p>\n<p>I previously posted an article on how to associate your web site with a pinned Live Tile. Today, I\u2019m 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. <\/p>\n<p>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 <strong>Get this App<\/strong> appears, but is greyed out for most sites. <\/p>\n<p>As of today, when you visit Digitalmediaphile.com you will see that the site is now associated with Barb\u2019s Connected World Blog Reader in the Windows Store.<\/p>\n<p>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.)<\/p>\n<p>I added two lines to <strong>header.php<\/strong> in my wordpress theme:<\/p>\n<blockquote>\n<p>&lt;meta name=&quot;msApplication-ID&quot; content=&quot;App&quot; \/&gt;      <br \/>&lt;meta name=&quot;25241Digitalmediaphile.BarbsConnectedWorldBlogRead_m2thxh7x439cm&quot; \/&gt;<\/p>\n<\/blockquote>\n<p>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<\/p>\n<p>C:\\Users\\<strong><font color=\"#ff0000\">YOUR USER NAME<\/font><\/strong>\\AppData\\Local\\Packages<\/p>\n<p>&#160;<\/p>\n<p>In the screen shots below, you can see that the standard wrench icon now has an extra item, signifying that there is extended functionality.<\/p>\n<p>IE11 on Windows 8.1 Preview:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" title=\"associated with app\" style=\"border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; padding-top: 0px; padding-left: 0px; margin: 10px; display: inline; padding-right: 0px; border-top-width: 0px\" border=\"0\" alt=\"associated with app\" src=\"https:\/\/digitalmediaphile.com\/wp-content\/uploads\/2013\/07\/associated-with-app.png\" width=\"550\" height=\"309\" \/><\/p>\n<p>&#160;<\/p>\n<p>Close up view of icon:<\/p>\n<p>&#160;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" title=\"ie 11 shortcut menu\" style=\"border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; padding-top: 0px; padding-left: 0px; margin: 10px; display: inline; padding-right: 0px; border-top-width: 0px\" border=\"0\" alt=\"ie 11 shortcut menu\" src=\"https:\/\/digitalmediaphile.com\/wp-content\/uploads\/2013\/07\/ie-11-shortcut-menu.png\" width=\"420\" height=\"89\" \/><\/p>\n<p>IE 10 on Windows 8.0<\/p>\n<p>&#160;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" title=\"get app app bar\" style=\"border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; padding-top: 0px; padding-left: 0px; margin: 10px; display: inline; padding-right: 0px; border-top-width: 0px\" border=\"0\" alt=\"get app app bar\" src=\"https:\/\/digitalmediaphile.com\/wp-content\/uploads\/2013\/07\/get-app-app-bar.png\" width=\"550\" height=\"242\" \/><\/p>\n<p>If you are using the Windows 8.1 Preview and Modern IE 11, and don\u2019t have my app installed, you will see<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" title=\"ie get app when not installed\" style=\"border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; padding-top: 0px; padding-left: 0px; margin: 10px; display: inline; padding-right: 0px; border-top-width: 0px\" border=\"0\" alt=\"ie get app when not installed\" src=\"https:\/\/digitalmediaphile.com\/wp-content\/uploads\/2013\/07\/ie-get-app-when-not-installed.png\" width=\"180\" height=\"170\" \/><\/p>\n<p>And on Windows 8.0, using Modern UI IE 10, you will see<\/p>\n<p>&#160;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" title=\"ie10 shortcut menu\" style=\"border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; padding-top: 0px; padding-left: 0px; margin: 10px; display: inline; padding-right: 0px; border-top-width: 0px\" border=\"0\" alt=\"ie10 shortcut menu\" src=\"https:\/\/digitalmediaphile.com\/wp-content\/uploads\/2013\/07\/ie10-shortcut-menu.png\" width=\"180\" height=\"131\" \/><\/p>\n<p>As you\u2019d expect, when you select Get app for this site, The Windows Store will open and display Barb\u2019s Connected World and you can install the app. <\/p>\n<p>Once my app is installed, if you happen to visit my site and are not using the associated app, you can easily switch TO my app, as shown below in the screen shot using IE 11 on Windows Preview 8.1<\/p>\n<p>&#160;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" title=\"when installed on ie11 8.1\" style=\"border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; padding-top: 0px; padding-left: 0px; margin: 10px; display: inline; padding-right: 0px; border-top-width: 0px\" border=\"0\" alt=\"when installed on ie11 8.1\" src=\"https:\/\/digitalmediaphile.com\/wp-content\/uploads\/2013\/07\/when-installed-on-ie11-8.1.png\" width=\"550\" height=\"309\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>&#160; (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\u2019m going to provide some information on how to associate your web site with your Windows Store Application so that visitors [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"ngg_post_thumbnail":0,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","enabled":false}}},"categories":[176],"tags":[310,313],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":6}},"jetpack_publicize_connections":[],"featured_image_urls":{"full":"","thumbnail":"","medium":"","medium_large":"","large":"","1536x1536":"","2048x2048":""},"post_excerpt_stackable":"<p>&#160; (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\u2019m 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&hellip;<\/p>\n","category_list":"<a href=\"https:\/\/digitalmediaphile.com\/index.php\/category\/internet-explorer\/\" rel=\"category tag\">Internet Explorer<\/a>","author_info":{"name":"barbbowman","url":"https:\/\/digitalmediaphile.com\/index.php\/author\/barbbowman\/"},"comments_num":"0 comments","jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/pvFKI-al","jetpack-related-posts":[],"_links":{"self":[{"href":"https:\/\/digitalmediaphile.com\/index.php\/wp-json\/wp\/v2\/posts\/641"}],"collection":[{"href":"https:\/\/digitalmediaphile.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/digitalmediaphile.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/digitalmediaphile.com\/index.php\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/digitalmediaphile.com\/index.php\/wp-json\/wp\/v2\/comments?post=641"}],"version-history":[{"count":0,"href":"https:\/\/digitalmediaphile.com\/index.php\/wp-json\/wp\/v2\/posts\/641\/revisions"}],"wp:attachment":[{"href":"https:\/\/digitalmediaphile.com\/index.php\/wp-json\/wp\/v2\/media?parent=641"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/digitalmediaphile.com\/index.php\/wp-json\/wp\/v2\/categories?post=641"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/digitalmediaphile.com\/index.php\/wp-json\/wp\/v2\/tags?post=641"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}