110307_01

先日のCSS Nite in Shinagawa

「Internet Explorer 9 RC版。出たよ」
「意外にカンタン。Internet Explorer 9の新機能を実装してみる」

のあたりで話のあったwindows7のタスクバーに固定のサイトを確保出来るピン留め(固定サイト?)機能というお話がありちょっと気になりました。

(ピン留めという名前自体はマイクロソフトさんのほうでもしっくり入っていないようなので名称が変わる可能性があるかも・・・!?)

いわゆるwindows7のタスクバーにユーザーのよく見るサイトなど好きなサイトを登録出来る機能。

↓はてなブックマークさんのサイトを例に出すとこんな感じで表示されます。
110306_02

こんな風にタスクバーに表示されたら、お気に入りのサイトをチェックしやすくなる+ブログの更新をしたいと思ったらカンタンに飛べる!という利点がありますね。

また、アイコンを点滅させてユーザーに操作が必要だと言う事を通知することもできるとの事です。
おお!これはユーザーにサイトに来てくれるチャンス!
でもこの通知頻度があまりにも多いと無視されかねないので注意です!!!

ただ、OSが過去のXPやvistaなどのwindowsじゃ使えないというのが残念です・・・。

どんなふうに実装するの?

これを実装するためにはたとえば、はてなブックマークのページのソースコードを見るとこんなコードがheadタグに入っていると思います。

<meta name="msapplication-navbutton-color" content="#2C6EBD" />
<meta name="msapplication-task" content="name=はてなブックマーク; action-uri=/; icon-uri=/images/icons/bookmark.ico" />
<meta name="msapplication-task" content="name=マイブックマーク; action-uri=/my; icon-uri=/images/icons/my-bookmark.ico" />
<meta name="msapplication-task" content="name=お気に入りのブックマーク; action-uri=/my/favorite; icon-uri=/images/icons/favorite-bookmark.ico" />
<meta name="msapplication-task" content="name=人気エントリー; action-uri=/hotentry; icon-uri=/images/icons/hotentry.ico" />

こういったタグを入れ込むとユーザーがピン留めをした際にタスクバーに表示されるとのことです。

タスクバーに追加する方法は?

では、ユーザー側でタスクバーに追加するにはどうすればいいのか?

javascriptのコードを書き入れテキストリンクやボタンを利用してユーザーに追加してもらうことも出来るようです。

詳しい使用方法の書かれたページを発見したのでリンク貼っておきます!
もし他に最新の情報がありましたらご一報くださいm(_ _)m
固定サイト: Windows 7 デスクトップの Internet Explorer 9 との統合

さらに言うとここで自分のサイトをブランディングするにはFavicon(ファビコン)の重要性が高まるのではというお話がありました。

そこでphotoshopなどのドローソフトがなくてもFaviconが作れるサイトのご紹介もありました。
簡単にファビコンが作れるX-Icon Editor

Faviconはピン留め機能に関わらずブックマークの時にタイトルと共に表示されるのでやっておくべきだと思います。

<link rel="shortcut icon" href="favicon.ico" />

太字の部分には「.ico」という形式のアイコンのあるURLを記入してください。

これで完成です^^


  • Pingback: CSS Nite in Shinagawa「HTML5+IE9 Web Camp」 に参加してみた - WEB総合情報サイト arisa.biz

  • https://www.facebook.com/InternetExplorerJP 河端善博

    簡単にできますね。

    この記事を、Facebook ページ “Internet Explorer 日本” でシェアさせていただいてよろしいでしょうか。
    よろしくお願いいたします

  • arisa

    ≫河端善博さん
    コメントありがとうございます。
    シェアして頂いて構いません!むしろご紹介いただけて恐縮ですw
    ありがとうございます。