月光博客 » 编程开发 » 为博客增加社会化分享按钮代码

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

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

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

  这三个网站属于较为纯粹的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>");

顶一下 ▲()   踩一下 ▼()

相关文章

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

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

发表留言