网页分享到微信、微博、QQ等

首先要说明的是,pc端微信分享只能通过二维码来分享。

部分代码如下:

 //分享到新浪微博
    function shareToSinaWB(event){
        event.preventDefault();
        var _shareUrl = ‘http://v.t.sina.com.cn/share/share.php?&appkey=895033136‘;     //真实的appkey,必选参数
        _shareUrl += ‘&url=‘+ encodeURIComponent(_url||document.location);     //参数url设置分享的内容链接|默认当前页location,可选参数
        _shareUrl += ‘&title=‘ + encodeURIComponent(_title||document.title);    //参数title设置分享的标题|默认当前页标题,可选参数
        _shareUrl += ‘&source=‘ + encodeURIComponent(_source||‘‘);
        _shareUrl += ‘&sourceUrl=‘ + encodeURIComponent(_sourceUrl||‘‘);
        _shareUrl += ‘&content=‘ + ‘utf-8‘;   //参数content设置页面编码gb2312|utf-8,可选参数
        _shareUrl += ‘&pic=‘ + encodeURIComponent(_pic||‘‘);  //参数pic设置图片链接|默认为空,可选参数
        window.open(_shareUrl,‘_blank‘,‘width=‘+_width+‘,height=‘+_height+‘,top=‘+_top+‘,left=‘+_left+‘,toolbar=no,menubar=no,scrollbars=no, resizable=1,location=no,status=0‘);
    }

    //分享到QQ空间
    function shareToQzone(event){
        event.preventDefault();

        var _shareUrl = ‘http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?‘;
        _shareUrl += ‘url=‘ + encodeURIComponent(_url||document.location);   //参数url设置分享的内容链接|默认当前页location
        _shareUrl += ‘&showcount=‘ + _showcount||0;      //参数showcount是否显示分享总数,显示:‘1‘,不显示:‘0‘,默认不显示
        _shareUrl += ‘&desc=‘ + encodeURIComponent(_desc||‘分享的描述‘);    //参数desc设置分享的描述,可选参数
        _shareUrl += ‘&summary=‘ + encodeURIComponent(_summary||‘分享摘要‘);    //参数summary设置分享摘要,可选参数
        _shareUrl += ‘&title=‘ + encodeURIComponent(_title||document.title);    //参数title设置分享标题,可选参数
        _shareUrl += ‘&site=‘ + encodeURIComponent(_site||‘‘);   //参数site设置分享来源,可选参数
        _shareUrl += ‘&pics=‘ + encodeURIComponent(_pic||‘‘);   //参数pics设置分享图片的路径,多张图片以"|"隔开,可选参数
        window.open(_shareUrl,‘_blank‘,‘width=‘+_width+‘,height=‘+_height+‘,top=‘+_top+‘,left=‘+_left+‘,toolbar=no,menubar=no,scrollbars=no,resizable=1,location=no,status=0‘);
    }

    //分享到百度贴吧
    function shareToTieba(event){
        event.preventDefault();

        var _shareUrl = ‘http://tieba.baidu.com/f/commit/share/openShareApi?‘;
        _shareUrl += ‘title=‘ + encodeURIComponent(_title||document.title);  //分享的标题
        _shareUrl += ‘&url=‘ + encodeURIComponent(_url||document.location);  //分享的链接
        _shareUrl += ‘&pic=‘ + encodeURIComponent(_pic||‘‘);    //分享的图片
        window.open(_shareUrl,‘_blank‘,‘width=‘+_width+‘,height=‘+_height+‘,left=‘+_left+‘,top=‘+_top+‘,toolbar=no,menubar=no,scrollbars=no,resizable=1,location=no,status=0‘);
    }

    //分享到豆瓣
    function shareToDouban(event){
        event.preventDefault();

        var _shareUrl = ‘http://shuo.douban.com/!service/share?‘;
        _shareUrl += ‘href=‘ + encodeURIComponent(_url||location.href);    //分享的链接
        _shareUrl += ‘&name=‘ + encodeURIComponent(_title||document.title);    //分享的标题
        _shareUrl += ‘&image=‘ + encodeURIComponent(_pic||‘‘);    //分享的图片
        window.open(_shareUrl,‘_blank‘,‘width=‘+_width+‘,height=‘+_height+‘,left=‘+_left+‘,top=‘+_top+‘,toolbar=no,menubar=no,scrollbars=no,resizable=1,location=no,status=0‘);
    }
    //分享到腾讯微博
    function shareToQQwb(event){
        event.preventDefault();

        var _shareUrl = ‘http://v.t.qq.com/share/share.php?‘;
        _shareUrl += ‘title=‘ + encodeURIComponent(_title||document.title);    //分享的标题
        _shareUrl += ‘&url=‘ + encodeURIComponent(_url||location.href);    //分享的链接
        _shareUrl += ‘&appkey=5bd32d6f1dff4725ba40338b233ff155‘;    //在腾迅微博平台创建应用获取微博AppKey
        _shareUrl += ‘&site=‘ + encodeURIComponent(_site||‘‘);   //分享来源
        _shareUrl += ‘&pic=‘ + encodeURIComponent(_pic||‘‘);    //分享的图片,如果是多张图片,则定义var _pic=‘图片url1|图片url2|图片url3....‘
        window.open(_shareUrl,‘_blank‘,‘width=‘+_width+‘,height=‘+_height+‘,left=‘+_left+‘,top=‘+_top+‘,toolbar=no,menubar=no,scrollbars=no,resizable=1,location=no,status=0‘);
    }
    //分享到人人网
    function shareToRenren(event){
        event.preventDefault();

        var _shareUrl = ‘http://share.renren.com/share/buttonshare.do?‘;
        _shareUrl += ‘link=‘ + encodeURIComponent(_url||location.href);   //分享的链接
        _shareUrl += ‘&title=‘ + encodeURIComponent(_title||document.title);     //分享的标题
        window.open(_shareUrl,‘_blank‘,‘width=‘+_width+‘,height=‘+_height+‘,left=‘+_left+‘,top=‘+_top+‘,toolbar=no,menubar=no,scrollbars=no,resizable=1,location=no,status=0‘);
    }

    //分享到开心网
    function shareToKaixin(event){
        event.preventDefault();

        var _shareUrl = ‘http://www.kaixin001.com/rest/records.php?‘;
        _shareUrl += ‘url=‘ + encodeURIComponent(_url||location.href);    //分享的链接
        _shareUrl += ‘&content=‘ + encodeURIComponent(‘分享的文字‘);    //需要分享的文字,当文字为空时,自动抓取分享网址的title
        _shareUrl += ‘&pic=‘ + encodeURIComponent(_pic||‘‘);     //分享的图片,多个使用半角逗号分隔
        _shareUrl += ‘&showcount=0‘;    //是否显示分享数,显示:‘1‘,不显示:‘0‘
        _shareUrl += ‘&style=11‘;      //显示的样式,必选参数
        _shareUrl += ‘&aid=‘ + encodeURIComponent(_site||‘‘);    //显示分享来源
        window.open(_shareUrl,‘_blank‘,‘width=‘+_width+‘,height=‘+_height+‘,left=‘+_left+‘,top=‘+_top+‘,toolbar=no,menubar=no,scrollbars=no,resizable=1,location=no,status=0‘);
    }

    function shareToKaixin2(event){
        event.preventDefault();

        var _shareUrl = ‘http://www.kaixin001.com/repaste/share.php?‘;
        _shareUrl += ‘rtitle=‘ + encodeURIComponent(_title||document.title);   //分享的标题
        window.open(_shareUrl,‘_blank‘,‘width=‘+_width+‘,height=‘+_height+‘,left=‘+_left+‘,top=‘+_top+‘,toolbar=no,menubar=no,scrollbars=no,resizable=1,location=no,status=0‘);
    }

    //分享到facebook
    function shareToFacebook(event){
        event.preventDefault();

        var _shareUrl = ‘http://www.facebook.com/sharer/sharer.php?‘;
        _shareUrl += ‘u=‘ + encodeURIComponent(_url||location.href);    //分享的链接
        _shareUrl += ‘&t=‘ + encodeURIComponent(_title||document.title);    //分享的标题
        window.open(_shareUrl,‘_blank‘,‘width=‘+_width+‘,height=‘+_height+‘,left=‘+_left+‘,top=‘+_top+‘,toolbar=no,menubar=no,scrollbars=no,resizable=1,location=no,status=0‘);
    }
    //分享到facebook
    function shareToFacebook(event){
        event.preventDefault();

        var _shareUrl = ‘http://www.facebook.com/sharer/sharer.php?‘;
        _shareUrl += ‘u=‘ + encodeURIComponent(_url||location.href);    //分享的链接
        _shareUrl += ‘&t=‘ + encodeURIComponent(_title||document.title);    //分享的标题
        window.open(_shareUrl,‘_blank‘,‘width=‘+_width+‘,height=‘+_height+‘,left=‘+_left+‘,top=‘+_top+‘,toolbar=no,menubar=no,scrollbars=no,resizable=1,location=no,status=0‘);
    }

    //分享到Twitter
    function shareToTwitter(event){
        event.preventDefault();

        var _shareUrl = ‘http://twitter.com/intent/tweet?‘;
        _shareUrl += ‘url=‘ + encodeURIComponent(_url||location.href);    //分享的链接
        _shareUrl += ‘&text=‘ + encodeURIComponent(_title||document.title);    //分享的标题
        window.open(_shareUrl,‘_blank‘,‘width=‘+_width+‘,height=‘+_height+‘,left=‘+_left+‘,top=‘+_top+‘,toolbar=no,menubar=no,scrollbars=no,resizable=1,location=no,status=0‘);
    }

显示地址:http://sabrinatian.github.io/webpage-sharing/share.html

ps:因为没加二维码的图片,因此代码显示网页中的微信分享下没有图片

完整代码下载地址:https://github.com/SabrinaTian/webpage-sharing/tree/gh-pages

时间: 2024-11-05 12:33:38

网页分享到微信、微博、QQ等的相关文章

将网页分享到微信 微博 脸书 推特等社交媒体

tools.share = function(name) {     var list =     {         //微信         'wechat'   : function(selector){                         $(selector).append('<img src="http://qr.liantu.com/api.php?text='+encodeURIComponent(window.location.href)+'" /&

分享到微信微博空间等第三方平台的JS代码

分享功能有利于传播更多优质的内容,所以在web项目中也是比较常用的.今天就抽空整理下常用的分享平台的JS代码.这些代码可以在对应平台的官方网站上生成,官网上对分享内容的参数也有详尽说明.这里只对常用的几个参数说明下,案例未做兼容性处理,建议在chrome下预览. 1.分享到微信,易信 分享到微信,易信比较简单,贴上分享链接的二维码就可以了. 二维码生成地址:http://cli.im/ (网上随便搜的) 2.分享到新浪微博 代码如下: var _shareUrl = 'http://v.t.si

App分享之微信微博等各个社交平台的分享授权规则和常见问题

一.新浪微博分享规则 新浪微博支持分享类型: 应用内分享也就是网页分享支持: 文字,文字+图片,要分享链接需要链接添加在text里分享 客户端分享支持:文字,图片,文字+图片,图片+文字+链接 参数说明:text:不能超过140个汉字image:图片最大不超过5M,仅支持JPEG.GIF.PNG格式latitude:有效范围:-90.0到+90.0,+表示北纬longitude:有效范围:-180.0到+180.0,+表示东经 二.QQ好友分享规则 QQ好友分享支持:文字,图片,文字+图片+链接

在网页中添加分享到微信、QQ、微博

参考地址:http://www.bshare.cn/help/installAction 在上面的地址中: 1.可选择分享到的位置,如QQ.微信.微博等 2.按钮的样式.悬浮或者以横幅的方式自己找位置放

网页分享到微信、微博、QQ空间、百度贴吧等

1.首先说明的是,pc端微信分享只能通过二维码来分享. 2.下面是js代码. //分享到新浪微博 function shareToSinaWB(event){ event.preventDefault(); var _shareUrl = 'http://v.t.sina.com.cn/share/share.php?&appkey=895033136'; //真实的appkey,必选参数 _shareUrl += '&url='+ encodeURIComponent(_url||doc

分享 朋友圈 微博 QQ空间

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>分享</title> </head> <body> <div class="share_top_style"> <a href="javascript:void()" clas

SharePanel – Android上简单的一键分享,可分享到微信QQ和新浪微博

SharePanel – Android上简单的一键分享,可分享到微信QQ和新浪微博 SharePanel Android上简单的一键分享可分享到微信QQ和新浪微博 简介 效果图 代码块 简介 最近在写一个小程序长微博工具,效果就是编辑长微博,然后一键分享到微信.QQ和新浪微博. 一开始是想直接用Intent.createChooser(target, title)来做,后来一想,这样做不是很好啊,会有许多乱七八糟的应用弹出来,我想优先分享到微信.QQ和微博,于是找了点资料,将一键分享这个部分做

android网页分享到朋友圈问题求助?

目前想要实现通过QQ将网页分享到微信好友或朋友圈,看见有些APP是直接分享出去左下角图标显示的是QQ.求助各位大牛提供下思路. 这种功能是怎么实现的.应该不是通过android的系统分享实现的吧?.查了几天的资料仍然没有思路,求助各位大牛 这种功能是怎么实现的.应该不是通过android的系统分享实现的吧?.查了几天的资料仍然没有思路,求助各位大牛 这种功能是怎么实现的.应该不是通过android的系统分享实现的吧?.查了几天的资料仍然没有思路,求助各位大牛 这种功能是怎么实现的.应该不是通过a

微信(QQ)域名检测接口,官方API的请求示例与使用详解

微信域名检测接口和QQ域名检测接口API皆是由腾讯官方对外公布的域名查询接口,通过接口可实时查询域名在微信和QQ中的状态信息.如果状态异常则返回结果提示“域名被封”,如果未有异常则返回结果提示“域名正常”. 微信(QQ)域名检测接口 请求地址1:http://www.60ht.cn/wxcheck/api.php?url=http://www.baidu.com 请求地址2:http://www.xiaocaoff.cn/api/check.php?url=http://www.baidu.co