社交分享,自定义api

作者: dreamfly 分类: 未分类 发布时间: 2016-04-01 18:52

这里分享如何自定义社交分享:

每个社交网站都有自己的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();
    });
}

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!