Bookmarklet 也叫小书签,它是一段 JavaScript 脚本,可以被拖到浏览器的快速工具栏中,也可以直接插入到网页中去,让你的用户直接使用该 Bookmarklet。网上有各种类型的 Bookmarklet,今天我就介绍下几个关于博客分享的 Bookmarklet。
1. 分享到 Google Reader
Google Reader 是我现在主要使用 RSS 阅读器,Google Reader 经过几次改版之后,已经慢慢加入了一个 SNS 元素,其中的 Share 的功能就是其中之一,很多用户都在 Google Reader 里面使用这个功能,其实 Google Reader 还允许用户在站外使用分享功能,可以直接把博客日志内容直接分享到 Google Reader,如下所示:
分享到 Google Reader 的代码如下所示,你所要做的只需要把下面这段 JS 代码添加到你博客日志页面:
<a href="javascript:var%20b=document.body;var%20GR________bookmarklet_domain='http://www.google.com';if(b&&!document.xmlVersion){void(z=document.createElement('script'));void(z.src='http://www.google.com/reader/ui/link-bookmarklet.js');void(b.appendChild(z));}else{}" title="Share in Google Reader" rel="nofollow"><img src="http://www.google.com/reader/ui/favicon.ico" alt="分享到 Google Reader" /> 分享到 Google Reader</a>
2. 分享到 Twitter
Twitter 本身没有提供分享到 Twitter 的 Bookmarklet,虽然我们可以用一段简单的 PHP 代码让用户分享日志到 Twitter,但是这样多少有点不是很方便,其实很多 Twitter 第三方服务已经提供了分享到 Twitter 的 Bookmarklet 这个功能,其中我个人推荐 TwitThis 。
3. 分享到 FriendFeed
FriendFeed 推出中文版之后,国内使用的用户也越来越多,FriendFeed 官方也推出分享到 FriendFeed 的 Bookmarklet:
它的代码为:
<a href="javascript:void((function(){var%20e=document.createElement('script');e.setAttribute('type','text/javascript');e.setAttribute('src','http://friendfeed.com/share/bookmarklet/javascript');document.body.appendChild(e)})())" title="分享到 FriendFeed" rel="nofollow"><img src="http://www.google.com/s2/favicons?domain_url=http://friendfeed.com/" alt="分享到 FriendFeed" /> 分享到 FriendFeed</a>
4. 分享到豆瓣
豆瓣本身作为一个成熟的 Web 2.0 网站,已经有了固定的用户群,前面我讲到豆瓣九点渐现 Digg 效应,所以博客日志能够上到九点首页,能够给博客带来非常大的流量。豆瓣九点的 Bookmarklet 为:
代码为:
<script type="text/javascript" src="http://9.douban.com/js/button_widget.js"></script>
5. 分享到鲜果
想过经过几次的改版和功能的改进,已经是国内的有名的 RSS 阅读器,而鲜果热文也是国内不错的 Digg 中心,鲜果提供了一个站外 Digg 按钮,但是需要一些简单的定制,需要你输入你的博客 Feed 地址才能使用。当然你也可以使用相关的 WordPress 插件。
这些就是我目前所使用的5个博客分享的 Bookmarklet,如果你需要让用户把你的博客分享到更多服务,你可以尝试下我们的 17fav.com 收藏和分享服务。
PS:由于 JS 代码在 RSS 中无法显示,部分功能请到该日志页面查看。
标签:FriendFeed RSS 豆瓣 鲜果

我能坐上沙发吗?谢谢你的分享 我觉得百度和QQ的不错哦
支持 反对
我也要给我加上gReader的。另外我已经加上豆瓣的了,但是按钮样式不太好看,比同一行的字体略微靠上
支持 反对
不使用豆瓣官方的JS代码就能自己控制显示样式
支持 反对
哈哈,早先的時候已經翻過你網頁的源代碼了~
支持 反对
支持 反对
占位,用的时候来拿。
支持 反对
GR很强大,我一直都是用它来阅读的.
支持 反对
博客不错吗!看看我的小博,群主有兴趣进入群中交流吗?独立博客群:56101086
支持 反对
GR是个不错的阅读器···鲜果和抓虾貌似也行。。。豆瓣没试过
支持 反对
我也学dupola 哇~
支持 反对
不错,学习下
支持 反对
学习了,可能的话,都试试
支持 反对
@雪山飛豬,請教如何制作“分享到 QQ ”bookmarklet.
支持 反对
RSS不全文输出了?~奇怪啊
支持 反对
鱼儿希望你能到这里看看他。
支持 反对
很不错哦~
支持 反对
话说我从来不点这些按钮,都是通过浏览器推荐
支持 反对
有没有好的 WordPress 插件可以做到这些呢?
支持 反对
未登录Google帐号的话,google分享按钮的图片是叉叉
支持 反对
好像是IE问题..
支持 反对
建议把分享到 GR 里的 Google JS 和 domain 后面的 google 链接都改为 https,这样更稳定一些,不会出现无法抓取 title 的情况
支持 反对
好的,谢谢~!
支持 反对
如果有这样一款插件就好了
真不想来回改代码~
支持 反对
呵呵,代码也不需要改的太多啊!
支持 反对
你好,我用的是和讯博客,它好像在日志发布中屏蔽掉了JS类代码,请教该怎么办呢?谢谢啊
支持 反对
换 WP 咯!
支持 反对
能去主动点击这些按钮的访问者应该还是不多的。所以这些按钮在设计上要简单,只需一下点击就行。另外在网页上要做的醒目。要能引起别人的注意。我正准备给我的单一日志页面添加digg按钮呢。
支持1 反对
说得很对,但是能够真正做的很好的用户体验,还是很难!
支持 反对