MB-Support

パソコン初心者のサポートページ

Twitter ブックマークレットの使い方


ブラウザでアクセスしているWEBページのアドレスをツイートに追加したい場合、そのページに Twitter ボタンがあれば、それをクリックする事で、簡単に URL を貼り付けられます。貼り付けられた URL は、Twitter 上でテキストリンクになっているため、ツイートを参照したユーザーが簡単にWEBページにアクセスする事ができます。ツイートに埋め込まれる URL は、短縮された URL (Twitter のツイートの文字数制限を回避するために)の場合もありますが、それはサイトのTwitter ボタンの仕組みに依存します。もし、アドレスをそのままコピーするタイプであれば、コメントにかけられる文字数が少なくなります。



Twitter ボタンが無い場合は、単純にWEBページのアドレスをコピー&ペースト(コピーと貼り付け)するか、短縮 URL サービスにアクセスして、短縮URLを生成してから貼り付ける事になります。文字数制限に収まりきれば、どちらを利用しても問題ありませんが、これらのリンクを簡単に生成するのが、このページで紹介するブックマークレットです。

http://bit.ly/

ブックマークレットは、通常のブックマークがアドレスを記憶するのに対して、スクリプトそのものをブックマークします。これにより、リンクしたいWEBページ上でブックマークに登録したブックマークレットをクリックすると、そのスクリプトが働きます。



Internet Explorerで、ブックマークレットを使いやすくするには、「お気に入りバー」を常に表示させておき、そこへブックマークレットを保管するのが望ましいでしょう。もちろん、ブックマークを簡単に呼び出せるのであれば、特にこれをする必要はありません。



ブックマークレットの登録方法は、公式サイトにアクセスして「Share on Twitter」ボタンを右クリックします。さらに、コンテキストメニューの「お気に入りに追加(F)」をクリックします。

Share Bookmarklet



スクリプトを登録する作業のため、セキュリティの警告が表示されます。「はい(Y)」ボタンをクリックします。



今回は、お気に入りバーに追加してみます。「作成先(R)」を「お気に入りバー」に変更して、名前をそのままに「追加(A)」ボタンをクリックします。



ブックマークレットを表示させる位置を、ドラッグ&ドロップで微調整します。要するに、Twitter を頻繁に利用するユーザーなら、常に表示されている場所に登録するのが使いやすく、そうで無い場合は、通常のお気に入り一覧に保管されていても良いわけです。



実際にブックマークレットを使ってみます。このサイトのトップページは、Twitter ボタンが設置されているので、これを使う必要もありませんが、テストしてみます。トップページを開き、お気に入りバーの「Share on Twitter」 ボタンをクリックします。



Twitterにログオンしている状態を維持していれば、右の画面が表示されます。そうでない場合は、ログオンします。アドレスが短縮され、タイトルも入力されています。コメント部分は文字の削除や追加も可能です。もちろん、短縮URLも削除できますが、それをした場合、このブックマークレットの意味が無くなります。文字数カウンタも表示されているので、特に問題無いでしょう。文章が完成したら「ツイート」ボタンをクリックします。



「Twitterで確認」をクリックすると、ログオンしている自分のTwitterにアクセスします。



ツイートを投稿した状態が右のスクリーンショットです。



一見、アドレスがおかしいなと思いますが、表示されているテキストリンクにポインターをのせると、ステータスバーに短縮URLが表示されます。投稿時の文字数は、この短縮URLを参照しており、Twitterで表示した場合、この短縮URLが展開されて表示されているだけです。文字数に気を遣う必要はありません(投稿時の文字数制限140文字は同じ)。



ブックマークレットの中身は以下。もちろん、ブックマークと同じく、右クリックで削除できます。WEBサイトの制作者は、ボタンを設置するのも面倒。Twitterユーザーからしてみれば、ボタンが無いのは不便。そんな双方の問題を解決してくれるのが、Twitter のブックマークレットです。


javascript:(function(){window.twttr=window.twttr||{};var D=550,A=450,C=screen.height,B=screen.width,H=Math.round((B/2)-(D/2)),G=0,F=document,E;if(C>A){G=Math.round((C/2)-(A/2))}window.twttr.shareWin=window.open ('http://twitter.com/share','','left='+H+',top='+G+',width='+D+',height= '+A+',personalbar=0,toolbar=0,scrollbars=1,resizable=1'); E=F.createElement('script');E.src='http://platform.twitter.com/bookmarklets/share.js?v=1';F.getElementsByTagName('head')[0].appendChild(E)}());


戻る 一覧表示 次へ


Copyright © 2018 MB-Support パソコン初心者のサポートページ All Rights Reserved.

管理人サイト閲覧方法プライバシーポリシー著作権/免責事項