自己手动做一个社会化分享功能

社会化分享也慢慢开始热起来了
服务器君一共花费了454.722 ms进行了6次数据库查询,努力地为您提供了这个页面。
试试阅读模式?希望听取您的建议

随着社会化应用的火爆,社会化分享也慢慢开始热起来了。从国外的AddThis,到国内的JiaThis,还有最近才出来的百度分享等等。

现在我们经常在各种网站上可以看到“分享到”这种工具,该服务提供网页地址收藏、分享及发送的按钮工具,网站的浏览者可以方便的分享到微博和SNS网站,网站主只要添加一段JavaScript即可实现。这也就是SMO—社会化媒体优化(Social media optimization),即通过某种社会化传播方式,运用社会化媒体资源:网络社区、主题论坛等社会化网站(如:开心网,人人网,搜狐白社会,新浪微博)将所浏览的信息分享到各大社会化网络媒体从而带回更多的社会化流量,同时获得高效、快速、广泛的公共传播效果的一整套方法。目前国内比较大的SMO服务提供商包括国内最大网站统计工具CNZZ旗下的Jiathis和bShare,前一段时间百度也内测了百度分享。

这些工具使用起来还是比较方便的是,自定义也很方便,但是部分工具会收集用户发布的信息,比如Jiathis,它会将用户分享的数据先记录到自己的服务器上,这样你的信息就轻易被这些网站所收集。那么从这个方面考虑,自己做手做一个分享工具还是很有必要的。

效果演示

首页确定你的网站数据用户可能会有哪些分享去向,目前国内比较大的就是包括新浪微博、QQ空间、开心网、人人网、豆瓣、腾讯微博,其他所占比例较小,可根据需要选择。

之后要准备这些网站的ICON图标,方便用户变辨识。我这里使用的是豆瓣分享里的原图片。

各网站都提供了通过url参数来提交分享的功能,以新浪微博为例:

http://service.t.sina.com.cn/share/share.php?url=http://www.cnblogs.com/walkingp/&title=自己做手做一个分享工具&pic=http://ww4.sinaimg.cn/bmiddle/703a0732jw1di6m7hqphjj.jpg

这里共三个参数:url代表网页地址,title是要分享的内容,pic参数为图片地址。跳转到该地址。 由于分享成功后一般会将此网页关闭,所以建议使用window.open打开要分享的网页。

代码很简单,如下:

<script type="text/javascript"> 
function $(id){return document.getElementById(id);}
var share = {
	url: "http://www.nowamagic.net/",
	title: "欢迎访问简明现代魔法",
	pic:"http://www.nowamagic.net/images/1.jpg"
};
var sina_links = 'http://service.t.sina.com.cn/share/share.php?url='+encodeURI(share.url)+'&title='+encodeURI(share.title)+'&pic='+share.pic;
$('sina').href = sina_links;			
var kaixin001_links = 'http://www.kaixin001.com/repaste/share.php?rurl='+encodeURI(share.url)+'&rtitle='+encodeURI(share.title);
$('kaixin001').href = kaixin001_links;
var renren_links = 'http://share.renren.com/share/buttonshare.do?link='+encodeURI(share.url)+'&title='+encodeURI(share.title);
$('renren').href = renren_links;
var douban_links = 'http://www.douban.com/recommend/?url='+encodeURI(share.url)+'&title='+encodeURI(share.title);
$('douban').href = douban_links;
var tqq_links = 'http://v.t.qq.com/share/share.php?url='+encodeURI(share.url)+'&title='+encodeURI(share.title);
$('tqq').href = tqq_links;	
var qzone_links = 'http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url='+encodeURI(share.url);
$('qzone').href = qzone_links;	
var msn_links='http://profile.live.com/badge?url=' + encodeURI(share.url) + '&screenshot=' + encodeURI(share.pic) + '&title=' +encodeURI(share.title); 
$('msn').href = msn_links;
//var baidu_links = 'http://cang.baidu.com/do/add?it=' + encodeURI(share.title) + '&iu=' + encodeURI(share.url) + '&dc=&fr=ien#nw=1';
//$('baidu').href = tqq_links;
</script>

本文地址:http://www.nowamagic.net/librarys/veda/detail/1563,欢迎访问原出处。

不打个分吗?

转载随意,但请带上本文地址:

http://www.nowamagic.net/librarys/veda/detail/1563

如果你认为这篇文章值得更多人阅读,欢迎使用下面的分享功能。
小提示:您可以按快捷键 Ctrl + D,或点此 加入收藏

大家都在看

现代魔法研究协会欢迎你

阅读一百本计算机著作吧,少年

很多人觉得自己技术进步很慢,学习效率低,我觉得一个重要原因是看的书少了。多少是多呢?起码得看3、4、5、6米吧。给个具体的数量,那就100本书吧。很多人知识结构不好而且不系统,因为在特定领域有一个足够量的知识量+足够良好的知识结构,系统化以后就足以应对大量未曾遇到过的问题。

奉劝自学者:构建特定领域的知识结构体系的路径中再也没有比学习该专业的专业课程更好的了。如果我的知识结构体系足以囊括面试官的大部分甚至吞并他的知识结构体系的话,读到他言语中的一个词我们就已经知道他要表达什么,我们可以让他坐“上位”毕竟他是面试官,但是在知识结构体系以及心理上我们就居高临下。

所以,阅读一百本计算机著作吧,少年!

《算法导论(原书第2版)》 科曼(Cormen T.H.) (作者), 等 (作者, 译者), 潘金贵 (译者)

《算法导论(原书第2版)》一书深入浅出,全面地介绍了计算机算法。对每一个算法的分析既易于理解又十分有趣,并保持了数学严谨性。本书的设计目标全面,适用于多种用途。涵盖的内容有:算法在计算中的作用,概率分析和随机算法的介绍。本书专门讨论了线性规划,介绍了动态规划的两个应用,随机化和线性规划技术的近似算法等,还有有关递归求解、快速排序中用到的划分方法与期望线性时间顺序统计算法,以及对贪心算法元素的讨论。本书还介绍了对强连通子图算法正确性的证明,对哈密顿回路和子集求和问题的NP完全性的证明等内容。全书提供了900多个练习题和思考题以及叙述较为详细的实例研究。

更多计算机宝库...