少し前から、このブログのエントリーごとに twitter につぶやくことができるようなボタンをつけたくって、試行錯誤しておりました。
「TweetMeme」や「TwitThis」などの無料でボタンを提供しているサービスを知ったので試してみたのですが、自分が思うような形では投稿が出来なかったんですよねぇ。
エントリーのタイトルとその URL を反映できれば良かったのですが、うまく URL やタイトルが反映できなかったり、タイトルが文字化けしちゃったりとか…
で、ネタフルさんで「ブログの記事をTwitter/Tumblrに投稿するボタンを設置する方法」というエントリーがあったので、参考にさせていただきました。
実際のソースの元ネタは Creazy! さん「見ているページをTwitterに投稿するBookmarkletとブログ用ボタン」のエントリーから。
そのままソースを使わせていただいても、自分のしたいような形にはならないので、JavaScript はよく分からないのですが、分からないなりに試行錯誤。あと、LOVELOG の仕様っていうのもあるので、さらに試行錯誤しまして何とかできたようです。ということで、ソースは以下のよう。
<a href=”javascript:var%20a='<% article.subject %>’,d=document,w=window,l='<% article.page_url %>’,e=encodeURIComponent,t=(d.selection)?d.selection.createRange().text:(w.getSelection)?w.getSelection():(d.getSelection)?d.getSelection():",f=’http://twitter.com/home/?status=’+e(t)+e(d.title)+e(a)+’%22+’+e(l);if(!w.open(f,’surfing’))l=f;void(0);"><img src="画像を置く URL" width="12" height="14" alt="「<% article.subject %>」についてTwitterでつぶやく" style="vertical-align:middle;" /></a>
LOVELOG 使いの方の参考になれば。画像のところは文字に置き換えても良いと思うので、その辺は適当にどうぞ。これに加えて URL を短縮形にしたいんだけど、それはどうすればいいのかしら…
あと、JavaScript をよく理解できてないくせに弄ってますので、分かる方が見たら「そこはこうじゃね？」とか「ここは余分だよ」とかいうのがありましたらご指摘いただければ幸いでございます。