blog.atwork.at

news and know-how about microsoft, technology, cloud and more.

IE9 Pinned Sites im eigenen Web anbieten

IE9 Beta findet bereits heftigen Zuspruch. Viele IT-Pros haben den neuen Microsoft-Browser bereits downgeloadet und getestet. Eine neue Funktion des IE9 Beta sind die "Pinned Sites". Damit kann der Benutzer eine Seite (Registerkarte) direkt in seine Task-Leiste ziehen und so bookmarken.

Das Schöne daran: Die Website integriert sich dann in Windows 7 wie eine Applikation - und kann auch Sprungmarken zu den wichtigsten Seiten anbieten, wie die Windows 7 Jump List.

Mit Jump Lists können oft genutzte Funktionen - bei Websites: einzelne Seiten - rasch und bequem aufgerufen werden.

Microsoft bezeichnet das übrigens als Teil der "Desktop experience".
Der Modus zum Anpassen der Pinned Site heißt "Site Mode".

jumplist_atwork

Die "großen" Websites wie Amazon, ebay, Facebook, etc. verwenden auch bereits dieses Feature.

Wie geht das?
Ganz einfach, durch Hinzufügen von META-Tags und Links in Ihren Webseiten, Ihrem Content Management System, Blog, etc.

Für unsere Website sieht der HTML Code für die IE9 Pinned Sites im <head> beispielsweise so aus:

<meta name="application-name" content="atwork.at" />
<meta name="msapplication-tooltip" content="atwork information technology" />
<meta name="msapplication-starturl" content="http://www.atwork.at/" />
<meta name="msapplication-navbutton-color" content="Green" />
<meta name="msapplication-window" content="width=1024;height=768"/>
<meta name="msapplication-task" content="name=Produkte;action-uri=/produkte.aspx;icon-uri=/favicon.ico"/>
<meta name="msapplication-task" content="name=Services;action-uri=/services.aspx;icon-uri=/favicon.ico"/>
<meta name="msapplication-task" content="name=Referenzen;action-uri=/referenzen.aspx;icon-uri=/favicon.ico"/>
<meta name="msapplication-task" content="name=Jobs;action-uri=/jobs.aspx;icon-uri=/favicon.ico"/>

Alle Meta-Tags beginnen mit "msapplication". Der Name definiert den Applikationsnamen in der Jump List, die StartURL die aufzurufende Seite und die Tasks die einzelnen Seiten der Jump List. Es werden maximal 5 Task-Einträge pro Website angezeigt.

Das Icon (in meinem Beispiel immer dasselbe favicon.ico) muss übrigens im .ICO-Format vorliegen (z.B. mit Visual Studio zeichnen od. anpassen) und 32x32 Pixel groß sein.

Sehr praktisch übrigens: Bieten Sie dem Benutzer einen Link an, der Ihre Website automatisch in das Start Menü einträgt - die API window.external.msAddSiteMode() machts´ möglich:

<a onclick="window.external.msAddSiteMode();" href="#">Add Website</a><br />

Weitere Infos zu IE9 finden Sie im u.a. im MSDN:

Viel Spaß beim Einbauen und Benutzen der Jump  List in Ihre Website(s)!



Loading