社交分享,自定义api
这里分享如何自定义社交分享:
每个社交网站都有自己的api,一般都是get形式访问url,其中通过get参数来进行调用,因此只要找到各个网站的api,就可以进行封装
这里面要说明的就是微信分享,其实原理就是通过jquery.qrcode.js来进行调用生成网址二维码。
需要引入的文件为:
http://www.80shihua.com/js/jquery.qrcode.js
http://www.80shihua.com/js/qrcode.js
//分享 function share_qq(url,share_id,title,desc,summary,site,pics){ var share_url = 'http://connect.qq.com/widget/shareqq/index.html?url='+url+'&share_id='+share_id+'&title='+title+'&desc='+desc+'&summary='+summary+'&site='+site+'&pics='+pics; window.location.href = share_url; } function share_weibo(url,share_id,title,appkey,pic){ //255864200 var share_url = 'http://service.weibo.com/share/share.php?url='+url+'share_id='+share_id+'&title='+title+'&appkey='+appkey+'&pic='+pic+'&searchPic=true'; window.location.href = share_url; } function share_qzone(url,share_id,title,desc,summary,site,pics){ var share_url = 'http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url='+url+'share_id='+share_id+'&title='+title+'&desc='+desc+'&summary='+summary+'&site='+site+'&pics='+pics; window.location.href = share_url; } function share_weixin(url){ $("body").append("<div id=\"weixin_qrcode_dialog\" "+ "style=\"position: absolute;left:50%;top:50%;padding: 10px;width: 240px;height: 300px;background: #fff;border: solid 1px #d8d8d8;z-index: 11001;font-size: 12px;\" >"+ "<div><span style=\"float:left;\">分享到微信朋友圈</span>"+ "<a class=\"weixin_qrcode_close\" style=\"float:right;\" onclick=\"return false;\" href=\"javascript:;\">×</a>"+ "</div><div style=\"margin-top: 40px; margin-left: 20px;\" id=\"weixin_qr_generate\"></div>"+ "<div style=\"margin-top: 20px;\">打开微信,点击底部的“发现”,<br>使用“扫一扫”即可将网页分享至朋友圈。</div></div>"); $("#weixin_qrcode_dialog").css('display','block'); $("#weixin_qr_generate").qrcode({ render: "table", width:200, height:200, text: url, correctLevel: 2 }); $(".weixin_qrcode_close").click(function(){ $("#weixin_qrcode_dialog").hide(); }); }