Googleブックマーク専用ブックマークレットの作り方

Atom | RSS

このサイトを検索 | Search this site

GoogleブックマークはGoogle がクラウドサービスとして提供しているブックマークサービスです。

Googleアカウントを取得していれば誰でも利用することができますが、知名度は低いです。

Chrome ユーザーであればブックマークは自動的に同期されるので Googleブックマークの出番はないと思われますが、Googleブックマークは Firefox, Edge, Opera などその他のブラウザから利用することができるので、複数のブラウザを使い分けている方には重宝するサービスだと思います。

そんな Googleブックマークにお気に入りのサイトをワンタッチで登録することができるようになるブックマークレットスクリプトをメモします。

需要はあるのだろうか...？

ブックマークレットの機能

Chrome などのブラウザのブックマークバーに登録して使います。

[機能]

• 閲覧しているWebページをGoogleブックマークに登録する
• 選択したテキスト部分をGoogleブックマークのメモに登録する
• 登録画面はポップアップで表示する
• ラベルを登録できる

ブックマークレット作成手順

※Google Chromeの場合。

1. Chrome のブックマークを表示する

chrome://bookmarks

2. ページを追加

ブックマーク > 管理 > ページを追加

ブックマークの空白部分で右クリック > ページを追加

3. 名前、URLを入力する

• 名前： +GMarks ※区別しやすい名前をつける
• URL： javascript （bookmarklet スクリプト) を入力する（次参照）

bookmarklet

※改行なしで登録します

javascript:var%20u=encodeURIComponent(location.href);var%20ti=encodeURIComponent(document.title);var%20te=encodeURIComponent((window.getSelection&&window.getSelection())||(document.getSelection&&document.getSelection())||(document.selection&&document.selection.createRange&&document.selection.createRange().text));window.open((te!='')?'http://www.google.com/bookmarks/mark?op=add&bkmk='+u+'&title='+ti+'&annotation='+te:'http://www.google.com/bookmarks/mark?op=add&bkmk='+u+'&title='+ti);undefined;

4. ブックマークバーなどに登録する

作成したブックマークレットはブックマークバーに配置すると使いやすいです。
下記リンクをブックマークバーにドラッグ＆ドロップすると登録することができます。

+GMarks

ドラッグ＆ドロップ の方法

リンクをマウスでクリックしたまま、

ブックマークバーまでドラッグ＆ドロップする（ブックマークバーでマウスのクリックを解除する）

あとがき

ブックマークレットをクリックすると、表示しているウェブサイトが Googleブックマークに登録されます。

ウェブサイトのテキスト部分をマウスでドラッグして選択状態にしてからブックマークレットをクリックすると、選択した文字が Googleブックマークのメモ欄に反映されます。

1. ウェブサイトを表示する
2. メモに登録したいテキストを選択する（任意）
3. ブックマークレットをクリックする
4. Googleブックマークに登録される

ブックマークレット

ユーザーがウェブブラウザのブックマークなどから起動し、ウェブブラウザで簡単な処理を行う簡易的なプログラムのことである。
Wikipedia

 External link

• Google – ブックマーク

検証：Windows 7 32-bit / 64-bit

SC2

ブログサークルSNS
クリックして応援してね！

このサイトを検索 | Search this site