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

SC2 2017-08-20

2021-08-21

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

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

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

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

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