给网站添加分享按钮

俗话说独乐乐不如众乐乐，在SNS，微薄火热的今天，看到有意思的东西当然是要分享的了。网络上也有很多公共的分享按钮可以拿来直接放在网站上，但是这些服务几乎都是需要在放置按钮的位置放JS代码，而这些提供的网站的速度又木又保证，大大打折了页面的加载速度。

于是，偶自己造轮子了，可以将JS放在页面最底部，等网页加载完成后再渲染分享按钮。
使用方法：
1.给网页需要放置分享按钮的位置放置分享标签

<ioio:share></ioio:share>

1	<ioio:share></ioio:share>

2.在页面底部载入JS资源文件

<script type="text/javascript" src="//ioio.name/tools/sharebutton.js"></script>

1	<script type="text/javascript" src="//ioio.name/tools/sharebutton.js"></script>

3.初始化页面的分享按钮

<script type="text/javascript"> 
	var sb = new ShareButton({'loadcss':true});
	sb.Render();
</script>

var sb = new ShareButton({'loadcss':true});

sb.Render();

</script>

代码会自动去寻找页面上的分享标签，并添加分享按钮，目前支持分享到新浪微博和QQ空间，后续会添加其它按钮。

可配置的参数：

{
	'loadcss': true,//是否载入默认css，自定义css将其设置为false
	'button': ['qzone','sina'],//需初始化的按钮
	'url': location.href,//页面url
	'title': document.title.substring(0,70)//页面标题
}

{

'loadcss': true,//是否载入默认css，自定义css将其设置为false

'button': ['qzone','sina'],//需初始化的按钮

'url': location.href,//页面url

'title': document.title.substring(0,70)//页面标题

}

演示 http://ioio.name/tools/sharebutton.html

如需使用，为避免我升级过程中的改动导致按钮不稳定，建议将相应的文件拷贝一份放置你自己的空间，欢迎使用，欢迎汇报bug。
-EOF-

未完待续

To Be Continued

给网站添加分享按钮

2 thoughts on “给网站添加分享按钮”