Home > JavaScript > ブックマークレット(Bookmarklet)の作り方

ブックマークレット(Bookmarklet)の作り方

ブックマークレット(Bookmarklet)とは、JavaScriptで記述されたプログラムのことで、主にソーシャルブックマークの登録に利用されることからBookmarkletと呼ばれるようになった。そんなBookmarkletをJavaScriptの勉強がてら作ってみた。

さて、実際に作ったのは、当サイトの外部SEO要因解析ツールをより簡単に使えるようにする為のブックマークレットだ。

外部SEO要因解析ツールは、WebサイトのURLを入力することで、サイトのページランクやらインデックス数やらバックリンク数やらを調べるツールで・・・という紹介はさておき、PHPで書かれており、サイトのURLを入力することで結果を返すプログラムになっている。

この時の「サイトのURLを入力する」作業をブックマークレットで行ってしまおうというわけだ。

実際のサンプルは外部SEO要因解析ツールを見て貰うとして、コードは以下の通り。

javascript:void window.open('http://www.naminorito.com/blog/2008/04/01050000.php?query='+encodeURIComponent(window.location.href));

勉強中の身なので突っ込んだ解説はしないが、閲覧中のページのURLをエンコードしたものをリクエストパラメータとして、外部SEO要因解析ツールのURLを生成し、それを新しいウィンドウで開いているだけである。

「習うより慣れろ」とは良く言ったもので、こういうサンプルコードを一つ覚えておくだけで、応用が利く。

Tags :
作り方?ブックマークレット?Bookmarklet?ブックマーク?Search?

カテゴリ「JavaScript」の最新記事

カテゴリ「JavaScript」 の全ての記事を読む

「作り方」に関連する商品を...

Home > JavaScript > ブックマークレット(Bookmarklet)の作り方

Search
Feeds

Page Top