欢迎来到php自学网~
阅读模式:

一键分享到QQ空间、QQ好友、新浪微博、微信代码

查看:3085  回复:10  类型:  来源:php自学网  标签 javascript

        通过qq空间qq聊天新浪微博和微信二维码分享平台提供的接口实现把网页中对应的图片、标题、描述的信息参数用javascript获取后传进接口中,实现一键分享

        使用到的接口:

            1.分享到QQ空间接口https://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url=你的网址&sharesource=qzone&title=你的分享标题&pics=你的分享图片&summary=你的分享描述信息

            2.分享给QQ好友接口http://connect.qq.com/widget/shareqq/index.html?url=你的分享网址&sharesource=qzone&title=你的分享标题&pics=你的分享图片地址&summary=你的分享描述&desc=你的分享简述

            3.分享到新浪微博接口http://service.weibo.com/share/share.php?url=你的分享网址&sharesource=weibo&title=你的分享标题&pic=你的分享图片&appkey=你的key,需要在新浪微博开放平台中申请


一键分享代码参考如下:

<div class="fl">分享到:</div> 
<div onclick="shareTo('qzone')">     
    <img src="http://zixuephp.net/static/images/qqzoneshare.png" width="30"> 
</div> 
<div onclick="shareTo('qq')">     
    <img src="http://zixuephp.net/static/images/qqshare.png" width="32"> 
</div> 
<div onclick="shareTo('sina')">     
    <img src="http://zixuephp.net/static/images/sinaweiboshare.png" width="36"> 
</div> 
<div onclick="shareTo('wechat')">     
    <img src="http://zixuephp.net/static/images/wechatshare.png" width="32"> 
</div>
function shareTo(stype){
    var ftit = '';
    var flink = '';
    var lk = '';
    //获取文章标题
    ftit = $('.pctitle').text();
    //获取网页中内容的第一张图片
    flink = $('.pcdetails img').eq(0).attr('src');
    if(typeof flink == 'undefined'){
        flink='';
    }
    //当内容中没有图片时,设置分享图片为网站logo
    if(flink == ''){
        lk = 'http://'+window.location.host+'/static/images/logo.png';
    }
    //如果是上传的图片则进行绝对路径拼接
    if(flink.indexOf('/uploads/') != -1) {
        lk = 'http://'+window.location.host+flink;
    }
    //百度编辑器自带图片获取
    if(flink.indexOf('ueditor') != -1){
        lk = flink;
    }
    //qq空间接口的传参
    if(stype=='qzone'){
        window.open('https://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url='+document.location.href+'?sharesource=qzone&title='+ftit+'&pics='+lk+'&summary='+document.querySelector('meta[name="description"]').getAttribute('content'));
    }
    //新浪微博接口的传参
    if(stype=='sina'){
        window.open('http://service.weibo.com/share/share.php?url='+document.location.href+'?sharesource=weibo&title='+ftit+'&pic='+lk+'&appkey=2706825840');
    }
    //qq好友接口的传参
    if(stype == 'qq'){
        window.open('http://connect.qq.com/widget/shareqq/index.html?url='+document.location.href+'?sharesource=qzone&title='+ftit+'&pics='+lk+'&summary='+document.querySelector('meta[name="description"]').getAttribute('content')+'&desc=php自学网,一个web开发交流的网站');
    }
    //生成二维码给微信扫描分享
    if(stype == 'wechat'){
        window.open('inc/qrcode_img.php?url=http://zixuephp.net/article-1.html');
    }
}

分享效果点击本站文章分享功能,效果图如下:

一键分享js代码

分享到:
0 1

*有问题之处烦请在评论中指出,非常感谢!
不是我想要的内容,继续搜索:

扫描二维码手机查看

最新评论:
该  发表于 2月前  中国重庆重庆
沙发
mark 回复
站长 回复
2017-12-04 20:06 中国广东深圳 回复
爱像风筝断了线  发表于 23天前  中国福建福州
板凳
手机端不实用,不能拉起app进行分享,有什么方法可以拉起QQ微信分享吗? 回复
站长 回复 爱像风筝断了线 这个是网页端分享呢。大部分网站都是这么分享的。但有些app会自带分享功能的。在网页中可以使用tencent://打开qq,app其他的不太了解了。
2018-02-01 15:22 中国广东深圳 回复
爱像风筝断了线  发表于 23天前  中国福建福州
地板
https://luoximu.jimdo.com/用jimdo做的一个网站,完全不懂网站制作,自己慢慢摸索出来的,最近想弄一个像你这样的评论系统和分享按钮,不知道怎么弄。 回复
站长 回复 爱像风筝断了线 你已经做的很不错了。加油多多谷歌百度下,去看些相关的视频,看着看着就慢慢的会了。
2018-02-01 16:49 中国广东深圳 回复
放飞、  发表于 17天前  中国北京北京
4楼
手机端qq分享出去可以点击链接,但是网页版的话粉爱你刚出去为什么不能点击呢?链接里面只有http://test.muwai.com/Product/product_detail/id/5.html?sharesource,后面的参数没有了。。。 我的代码,可以帮我看下吗?谢谢,并且手机端分享到qq空间登录之后跳转到分享页面,瞬间又回到登录页面了,,哎 回复
站长 回复 放飞、 我测试正常呢。
2018-02-06 20:43 中国广东深圳 回复
放飞、  发表于 15天前  中国北京北京
5楼
楼主,能加你qq求教下吗?我们最近移动端要分享微信,朋友圈,qq,空间,微博、、昨天对着你的例子写了,但是有点小问题,想求教下可以吗?924103119 回复
站长 回复 放飞、 实在搞不定的话就用第三方的分享插件吧,百度分享,jiathis都可以的呢。也可以在网站关于有我qq可以私聊我呢。
2018-02-10 00:31 中国广东深圳 回复
回复:[主题]
表情:
 提交评论
清空

发布评论:


登录:
  表情:
评论话题
推荐阅读:
浅谈javascript的函数节流   阅读:763mongodb设置shell开机启动脚本   阅读:526crontab+shell脚本实现定时备份mysql数据库   阅读:1056linux php7安装yaf扩展   阅读:429centos 7 设置 nginx-1.11.10 开机启动   阅读:1607比phpexcel还要简单的excel CSV 一键导入数据到数据库   阅读:1277php删除一个文件夹内的所有文件夹和文件   阅读:1060栈和堆的区别   阅读:773简单的DOS攻击之死亡之ping详解   阅读:7305Mysql在大型网站的应用架构演变   阅读:1043javascript对cookie操作详细代码函数   阅读:956centos 7 安装 redis 3.2.9   阅读:1577比phpexcel还要简单的excel CSV 一键导入数据到数据库   阅读:1277给网站添加一键qq登录的功能   阅读:1673一键分享到QQ空间、QQ好友、新浪微博、微信代码   阅读:3090php 读取和设置redis的键值   阅读:1726给 centos 7 安装桌面环境   阅读:5530php 获取当前前后年、月、星期、日、时分秒的时间   阅读:1311phpexcel 超简单从excel表格一键导入数据到数据库教程   阅读:3561html5 离线缓存的使用   阅读:898mysql的四种索引类型   阅读:850霍金24岁博士毕业论文在线预览   阅读:590php设置cookie为HttpOnly防止XSS攻击   阅读:1227给网站添加一键新浪微博登录的功能   阅读:1746栈和堆的区别   阅读:773PHP 鸟哥:我也曾经是“不适合”编程的人   阅读:1810最简单的Banner轮播淡入淡出效果代码及实现思路(附带源码)   阅读:3980javascript对cookie操作详细代码函数   阅读:956html5 离线缓存的使用   阅读:898用php从1加到100的值   阅读:2188企业让你去面试,可能不是真的招人   阅读:1035Mysql在大型网站的应用架构演变   阅读:1043浅谈javascript的函数节流   阅读:763php打印九九乘法表   阅读:847霍金24岁博士毕业论文在线预览   阅读:590linux top命令详解   阅读:835人性漫画:打工与创业的残酷区别   阅读:858centos 7 开启网络   阅读:1051mysql中文分词全文搜索索引讯搜的安装   阅读:867php连接redis   阅读:1159程序员找工作三要素(必看)   阅读:1020linux命令中执行php脚本   阅读:839centos 7.2 添加php7 的 php-fpm 开机启动   阅读:5360web性能测试工具ab的测试方法   阅读:897javascript点击复制内容   阅读:895程序员找工作三要素(必看)   阅读:1020用php从1乘到100的值   阅读:1272shell脚本批量删除几天前的文件   阅读:979centos7.3安装mongodb3.6   阅读:579面试的时候和你谈理想,是理想or入坑?   阅读:789