青青子衿, 悠悠我心, 但为君故, 沉吟至今
« Google Reader开始支持任何网页Firefox手机版正式发布 »

为博客增加社会化分享按钮代码

  现在很多以内容为核心的网站上都在文章底部添加了社会化分享按钮,能让浏览用户在发现一篇有价值的文章时,可以通过社会化网络快速分享给自己的好友,这样会给网站带来潜在的社会化热点流量。

  目前,我在月光博客的文章底部也增加了几个社会化分享的按钮,根据我自己的喜好和对于社会化网络的认识,我选择了三个社会化平台做为分享的目的地,分别是“新浪微博”、“开心网”、“人人网”。

  这三个网站属于较为纯粹的SNS类网站,其分享的内容较QQ书签、百度书签等传统书签网站易于传播。

  下面是我分享使用的JavaScript代码,这段代码是通用代码,直接以JS文件的形式加入到文章尾部,即可增加社会化分享的功能。显示效果参见我博客文章尾部的分享按钮。

document.writeln("<div id=\"socialbookmark\"><a href=\"javascript:window.open(\'http:\/\/v.t.sina.com.cn\/share\/share.php?title=\'+encodeURIComponent(document.title.substring(0,76))+\'&url=\'+encodeURIComponent(location.href)+\'&rcontent=\',\'_blank\',\'scrollbars=no,width=600,height=450,left=75,top=20,status=no,resizable=yes\'); void 0\" style=\"color:#000000;text-decoration:none;font-size:12px;font-weight:normal\"><SPAN style=\"PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; MARGIN-LEFT: 10px; CURSOR: pointer; PADDING-TOP: 5px\"><IMG alt=转发到新浪微博 src=\"http:\/\/t.sina.com.cn\/favicon.ico\" align=absMiddle border=0>&nbsp;转发到新浪微博<\/SPAN><\/a>");

document.writeln("<a href=\"javascript:window.open(\'http:\/\/www.kaixin001.com\/repaste\/share.php?rtitle=\'+encodeURIComponent(document.title.substring(0,76))+\'&rurl=\'+encodeURIComponent(location.href)+\'&rcontent=\',\'_blank\',\'scrollbars=no,width=600,height=450,left=75,top=20,status=no,resizable=yes\'); void 0\" style=\"color:#000000;text-decoration:none;font-size:12px;font-weight:normal\"><SPAN style=\"PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; MARGIN-LEFT: 10px; CURSOR: pointer; PADDING-TOP: 5px\"><IMG alt=转帖到开心网 src=\"http:\/\/img1.kaixin001.com.cn\/i\/favicon.ico\" align=absMiddle border=0>&nbsp;转帖到开心网<\/SPAN><\/a>");

document.writeln("<a href=\"javascript:window.open(\'http://share.renren.com/share/buttonshare.do?title=\'+encodeURIComponent(document.title.substring(0,76))+\'&link=\'+encodeURIComponent(location.href)+\'&content=\',\'_blank\',\'scrollbars=no,width=600,height=450,left=75,top=20,status=no,resizable=yes\'); void 0\" style=\"color:#000000;text-decoration:none;font-size:12px;font-weight:normal\"><SPAN style=\"PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; MARGIN-LEFT: 10px; CURSOR: pointer; PADDING-TOP: 5px\"><IMG alt=转帖到人人网 src=\"http:\/\/s.xnimg.cn\/favicon-rr.ico\" align=absMiddle border=0>&nbsp;转帖到人人网<\/SPAN><\/a><\/div>");



  除非注明,月光博客文章均为原创,转载请以链接形式标明本文地址

  本文地址:http://www.williamlong.info/archives/2072.html
  • 文章排行:
  • 1.月舞
  • 测试成功,不错的分享代码,有时间弄得我博客里去,嘿嘿
    转帖到新浪围脖
    gongzhu 于 2016/1/20 11:02:13 回复
    不能分享到新浪博客,网易博客,腾讯博客
  • 2010/1/31 14:45:12   支持(24)反对(11) 回复
  • 2.网游博客
  • 昨天没更新博客?
    爱好者博客 于 2010-1-31 0:07:59 回复
    哇,月光老大就是勤快.这么晚了还在更新.
  • 2010/1/31 0:03:56   支持(19)反对(9) 回复
  • 3.222
  • 。。。。为什么分享的都是地址。。有没有办法把文章部分或全部内容分享呢
    你看我看你 于 2010-2-22 14:42:28 回复
    同问同问,希望月光能帮忙解答
  • 2010/1/31 1:30:05   支持(13)反对(3) 回复
  • 4.senngr
  • 希望月光可以帮忙提供下各大邮箱冻结帐号的期限。
    蛮想对比下这个。
  • 2010/1/31 21:30:37   支持(17)反对(8) 回复
  • 5.dsn001
  • 转帖到开心网
    转帖到迪士尼001
    转帖到人人网
  • 2010/1/31 12:26:01   支持(18)反对(10) 回复
  • 6.爱好者博客
  • 这段代码在Zblog的帮助中好像看到过.
  • 2010/1/31 0:08:52   支持(13)反对(6) 回复
  • 7.转帖
  • 转发至新浪微博
    转帖到开心网
    转帖到开心网
    转帖到人人网
    转帖到人人网
  • 2010/1/31 0:04:06   支持(15)反对(10) 回复
  • 8.从前网
  • 哈哈,月光这是拖稿.大家快催稿.应付了事了他.
  • 2010/1/31 1:20:20   支持(12)反对(7) 回复
  • 9.小可人
  • 正在考虑增加这个功能。 不知会否影响加载速度。
  • 2010/5/25 22:21:38   支持(8)反对(3) 回复
  • 10.dongyang
  • 代码我是看不懂了!惊奇的是这么多人在啊!
  • 2010/1/31 1:15:14   支持(11)反对(7) 回复
  • 11.集趣
  • 大多数同胞们,都还不知道这些按钮的作用哦
  • 2010/1/31 14:15:55   支持(8)反对(4) 回复
  • 13.vernsu
  • 在Chrome浏览器下看不到按钮。
    fxwangzhe 于 2010-1-31 1:21:52 回复
    不是吧?我的可以啊?
    vernsu 于 2010-1-31 12:06:23 回复
    我确定我的看不到,chrome版本号是4.0.302.2
  • 2010/1/31 1:10:38   支持(9)反对(6) 回复
  • 14.sansed
  • 我博客上都没订阅,因为,博客是为自己而写,不想让人看到
  • 2010/1/31 9:38:57   支持(9)反对(6) 回复
  • 15.张二鸟
  • 可以补充一下分享到QQ的代码吗?先谢谢啦
    o畏哟 于 2010-9-27 13:52:45 回复
    你可以用用Jiathis,他家的代码还挺全的,我一直在用,QQ的代码在"帮助-自定义-右侧的分享到QQ空间代码",希望对你有帮助!
  • 2010/1/31 14:37:02   支持(7)反对(4) 回复
  • 16.张辉
  • 三个后两个好用,第一个实没能实现
    我用了一天的时间,才实现两个,第一个新浪的,是不是有什么问题,在普通的html中都可以,可是一到博客中,只有图标,没有功能,如果看到,还请指点一下,很喜欢这个功能,想要。
  • 2010/2/2 22:30:04   支持(10)反对(7) 回复
  • 17.ifenwen
  • 已经添加到wordpress
    可以使用
    chrome下正常使用
  • 2010/5/31 10:16:20   支持(6)反对(3) 回复
  • 20.24小时分享
  • 必须要增加这种按钮滴,我正在努力中
  • 2011/11/26 18:56:33   支持(7)反对(5) 回复
  • 27.android
  • 可以添加个分享到QQ空间的吗?
  • 2010/5/11 21:48:47   支持(8)反对(8) 回复
  • 28.o畏哟
  • 还有jiathis,也挺不错的,我一直在用的,蛮不错的!
  • 2010/9/27 11:18:01   支持(8)反对(8) 回复
  • 30.刘平博客
  • 我正在查这问题 不知道代码插入到哪里
  • 2011/6/27 22:34:58   支持(11)反对(11) 回复
  • 31.LouisHan
  • 嗯 这个很有用 我的加了太多分享
  • 2010/1/31 0:46:35   支持(6)反对(7) 回复
  • 32.番茄
  • 好像WP上面有很多类似的插件
  • 2010/1/31 11:01:42   支持(12)反对(13) 回复
  • 35.ayici
  • 最近网上关注 “如何阻止不信任的 CNNIC 证书”的博文很火
    我想问月光 阻止不信任的 CNNIC 证书 有必要吗 为什么
    不好意思 本人菜鸟一个 请教老鸟讲解!
  • 2010/1/31 16:41:33   支持(10)反对(11) 回复
  • 38.老衲
  • 不懂代码...

    唉 有料做不出菜...
  • 2010/3/5 16:44:07   支持(6)反对(7) 回复
  • 39.网商帝国
  • 用上了,谢谢,好像外面要加javascript的开始跟结束的符号!
  • 2010/3/9 17:25:14   支持(7)反对(8) 回复
  • 40.一休
  • 是每篇文章都要加入js代码,还是只需要加在原文件里面呢?
  • 2013/3/31 13:55:51   支持(2)反对(3) 回复
  • 42.kenneth
  • 多了这些按钮,只是显得有些凌乱。
  • 2010/1/31 0:57:51   支持(5)反对(7) 回复
  • 44.moonsafari
  • 为什么不试试bShare分享呢?可以自定义,有分享数据,还能分享全文,挺不错的。
  • 2010/2/2 9:57:15   支持(5)反对(7) 回复
  • 45.liuqin
  • 可以直接复制代码到其它博客上去吗?我把代码拷到新浪博客里后效果显示不出来~~
  • 2010/2/25 18:15:58   支持(9)反对(11) 回复
  • 46.bwskyer
  • 不是有很多提交服务商吗, 像bshare和9fav
  • 2010/1/31 0:51:36   支持(7)反对(10) 回复
  • 47.kevin
  • 恕在下愚昧,制作完JS文件后如何加在文章尾部?
  • 2010/1/31 15:05:04   支持(4)反对(7) 回复
  • 48.海派
  • 我来啦。。不错。。。。。一会加上
  • 2010/2/1 20:55:55   支持(10)反对(13) 回复
  • 49.ScottLiu
  • 不知道Blogbus该怎么用这段代码....
    是不是得修改模板啊?
  • 2010/5/3 11:31:36   支持(6)反对(9) 回复
  • 50.Xshagua
  • 喜欢这样工具,能增多些就好了
  • 2010/11/21 15:02:06   支持(8)反对(11) 回复
  • 51.葉子
  • 我有个疑问。你知道怎么在EDM里面插入分享么
  • 2011/5/9 17:48:00   支持(5)反对(8) 回复
  • 52.现实呓种
  • 现在出了个“分享家”,发现近来很多博客都使用它的服务。
    月光也弄这么一个,看来现在都越来越重视分享了。
  • 2010/1/31 4:54:22   支持(9)反对(13) 回复
  • 53.superpanda
  • williamlong 为什么加到我的博客大巴后,显示出的是乱码?
    williamlong 于 2010-2-7 19:55:56 回复
    可能是编码问题吧。
  • 2010/2/3 12:13:30   支持(5)反对(9) 回复
  • 54.xhut
  • 这个东西感觉是鸡肋,没有什么用,必须要有人愿意点才行吧。
  • 2010/2/7 11:27:01   支持(7)反对(11) 回复
  • 55.柳絮轻飞
  • 这是个趋势,我也正在考虑增加这个功能。
  • 2010/1/31 0:22:27   支持(6)反对(11) 回复
  • 56.星网
  • 能用到WordPress上面么?
    williamlong 于 2010-1-31 12:46:12 回复
    可以用到wordpress上,也可以用到其他网站上。
  • 2010/1/31 1:34:09   支持(6)反对(12) 回复
  • 58.wanghauw
  • 用用bShare吧,有统计数据的,可以知道你的博客的社会化影响力
  • 2010/7/3 11:48:10   支持(5)反对(11) 回复
  • 59.mmdapei
  • 增加这个功能还是不错的,有空试试!
  • 2010/1/31 1:04:13   支持(7)反对(14) 回复
  • 60.风
  • 开心网的rtitle错了,应该是title
    风 于 2010-2-1 22:22:57 回复
    不知道开心网代码中的“r u r l”是否写错了,人人网的c o n t e n t,是否是r c o n t e n t
  • 2010/2/1 13:23:02   支持(6)反对(15) 回复
  • 61.BrightChen
  • 有个叫JiaThis,推荐一下,我一直在用
    o畏哟 于 2010-9-27 13:54:21 回复
    哈哈哈!我也在用,感觉还不错,呵呵!
  • 2010/1/31 14:54:56   支持(6)反对(16) 回复

发表评论:

 请勿发送垃圾信息、广告、推广信息或链接,这样的信息将会被直接删除。

订阅博客

  • 订阅我的博客:订阅我的博客
  • 关注新浪微博:关注新浪微博
  • 关注腾讯微博:关注腾讯微博
  • 关注认证空间:关注QQ空间
  • 通过电子邮件订阅
  • 通过QQ邮件订阅

站内搜索

热文排行


月度排行

本站采用创作共用版权协议, 要求署名、非商业用途和相同方式共享. 转载本站内容必须也遵循“署名-非商业用途-相同方式共享”的创作共用协议.
This site is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 3.0 License.