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

通过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，需要在新浪微博开放平台中申请

一键分享代码参考如下：

`html`

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

js

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');
}
}

原作地址：http://www.zixuephp.net/article-309.html

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

js分享代码(新浪微博,腾讯微博,QQ空间,QQ好友)
js分享代码(新浪微博,腾讯微博,QQ空间,QQ好友) 代码如下: <!DOCTYPE html> <html lang="en"> <head> ...
Vue项目实现web端第三方分享（qq、qq空间、微博、微信）
开发背景:文章详情页面需要分享到第三方,包括qq.qq空间.微博.微信. 一.封装一个share.js文件,放在目录/utils下 // share.js// url - 需要分享的页面地址(当前页面 ...
使用vb脚本实现QQ空间相册好友查验功能
使用vb脚本实现QQ空间相册好友查验功能 1.思路 a.需要创建一个变量(执行方法) b.需要使用输入框方法,用来接受用户输入的内容 c.给予用户输入的内容进行判断 d.当判断结果为true时,弹出一 ...
html5仿qq空间,JS实现的仿QQ空间图片弹出效果代码
本文实例讲述了JS实现的仿QQ空间图片弹出效果代码.分享给大家供大家参考,具体如下: function imageShow(which_click) { var image_path = which_ ...
网页分享功能支持微信二维码 qq空间 qq好友新浪微博百度贴吧豆瓣人人...
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
一键分享到微博、QQ、微信、QQ空间、豆瓣、人人网、开心网、百度贴吧~
**分享到微博.QQ.微信.空间等平台功能有很多插件可以用,例如:bShare. **1.bShare插件的使用** <dt>分享到:</dt> <dd> < ...
社会化分享排名：QQ空间第一、新浪微博第二
越来越多的视频网站.资讯网站.电商网站.甚至团购网站都纷纷加上了"社会化分享"按钮, 那么在这些社会化媒体按钮中,究竟哪些被使用的次数和频率最高的,加网最近发布了一份社会化媒体网站 ...
分享到QQ空间、微博等的代码
两款js快速分享代码,点击即可将<title>标签中内容快递分享到腾讯微博.QQ空间等. <%@ page language="java" import=&quo ...
Selenium学习——QQ空间点赞好友说说
项目要求,给自己空间所有好友发的说说点赞&给单个好友所有说说点赞遇到的问题: 问题一:只能获取头几条说说,其他获取不到原因:"feed_page_container"这个 ...
【伪大数据】对QQ空间指定好友2017年说说数据的分析
没错,我准备用我高考60分的数学水平以及小学生都不如的表达水平加上只会HELLO WORLD的编程水平来一次关于QQ空间动态的分析. 一.概况本次爬虫的对象为我学校的一个"表白墙" ...

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

`html`

js

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

最新文章

热门文章