How to add an Internet Explorer 9 Jump List to your website

by Shijaz Abdulla on 14.12.2010 at 23:09

One of the most exciting new features in Internet Explorer 9 is the ability to “pin” your favorite websites to your Windows 7 taskbar. I just added a jumplist to my blog today!

Try it out – If you’re running IE9, drag and drop the browser tab showing this page on to your taskbar and see what happens.

Not only can your visitors pin your website, you can also add Tasks (or links) when your visitors right click on their pinned website.

image

Pinning is really cool because:

  • Your visitors can pin their favorite website to their taskbar
  • The pinned website icon is always displayed on the taskbar and the probability of the visitor returning back to your website is very high. This helps you retain your visitors.
  • Plus, they don’t have to remember the URL
  • You can add common areas of your website as a menu when they right click on the icon of your pinned website, giving them instant, one click access to all areas of your website.

Here are some interesting examples of IE9 jumplists in Action – Amazon, Facebook, Bing and ebay. There are plenty more websites out there already making use of this handy feature.

image image image image

So, just how easy is it to add a jumplist to your website? It’s as simple as adding a few <meta> tags.

As an example, to display the jumplist that I added to my blog, here’s the code:

<meta name="application-name" content="microsoftNOW blog"/>
<meta name="msapplication-tooltip" content="Launch MicrosoftNOW Blog"/>
<meta name="msapplication-starturl" content="
http://www.microsoftnow.com">
<meta name="msapplication-task" content="name=About;action-uri=/about;icon-uri=/find.ico" />
<meta name="msapplication-task" content="name=For Partners;action-uri=/category/partners;icon-uri=/man2.ico" />
<meta name="msapplication-navbutton-color" content="black"/>
<link rel="shortcut icon" href="/favicon.ico" />

For more information, check out the Pinned Sites Cookbook on MSDN.

Trackback Permanent Link

2 Responses to How to add an Internet Explorer 9 Jump List to your website

  1. How to add an Internet Explorer 9 Jump List to your website – http://tinyurl.com/353sfjz #IE9

  2. Kyler IE Outreach Team says:

    Great walk through! Integrating your site with Windows 7 is a powerful and easy way to encourage traffic. To see more awesome possibilities with IE9, head here:

    http://www.BeautyOfTheWeb.com

    Keep up the great work!

    -Kyler
    IE Outreach

Leave a Reply