给网站添加分享按钮

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

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

 

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

 

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

 

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

可配置的参数:

{
	'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-

《给网站添加分享按钮》有2个想法

发表评论

电子邮件地址不会被公开。 必填项已用*标注