js实现第三方平台分享功能

1. qq好友分享实现 API文档：https://connect.qq.com/intro/sharetoqq/

链接为 :

http://connect.qq.com/widget/shareqq/index.html?title='分享标题'&url='分享链接'......等参数

具体参数介绍如下：

url: 'location.href', /*获取URL，可加上来自分享到QQ标识，方便统计*/

desc:'', /*分享理由(风格应模拟用户对话),支持多分享语随机展现（使用|分隔）*/

title:'', /*分享标题(可选)*/

summary:'', /*分享摘要(可选)*/

pics:'', /*分享图片(可选)*/

flash: '', /*视频地址(可选)*/

site:'', /*分享来源(可选) 如：QQ分享*/

style:'201', /*风格设置*/

width:32, /*大小设置*/

height:32

qq好友分享----------js代码如下

<a href="javascript:;" id="qq_id" onclick="qqFriend()">QQ好友</a>
//qq好友分享function qqFriend() {var p = {/*获取URL，可加上来自分享到QQ标识，方便统计*/  url: 'https://blog.csdn.net/qq_39135287/article/details/80897631',   desc: '',/*分享标题(可选)*/title: 'js实现第三方平台分享功能',/*分享摘要(可选)*/summary: '还不赶紧点击进来观看',/*分享图片(可选)*/pics: '',/*视频地址(可选)*/flash: '',/*分享来源(可选) 如：QQ分享*/site: '',style: '201',width: 32,height: 32
};var s = [];for(var i in p) {s.push(i + '=' + encodeURIComponent(p[i] || ''));}var url = "http://connect.qq.com/widget/shareqq/index.html?" + s.join('&');window.open(url);
}

2. qq空间分享实现 API文档：https://connect.qq.com/intro/share

链接为 :

http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?title='分享标题'&url='分享链接'......等参数

具体参数介绍如下：

url:location.href, /*获取URL，可加上来自分享到QQ标识，方便统计*/

showcount:'', /*是否显示分享总数,显示：'1'，不显示：'0' */

desc:'', /*默认分享理由(可选)*/

summary:'', /*分享摘要(可选)*/

title:'', /*分享标题(可选)*/

site:'', /*分享来源如：腾讯网(可选)*/

pics:'', /*分享图片的路径(可选)*/

style:'203', /*风格设置*/

width:98, /*大小设置*/

height:22

qq空间分享----------js代码如下

<a href="javascript:;" onclick="qqZone()">QQ空间</a>
function qqZone() {var p = {url: 'https://blog.csdn.net/qq_39135287/article/details/80897631',showcount: '1',    /*是否显示分享总数,显示：'1'，不显示：'0' */desc: '',        /*默认分享理由(可选)*/summary: '还不赶紧点击进来观看',   /*分享摘要(可选)*/title: 'js实现第三方平台分享功能',    /*分享标题(可选)*/site: '',   /*分享来源 如：腾讯网(可选)*/pics: '',style: '203',width: 98,height: 22
};var s = [];for(var i in p) {s.push(i + '=' + encodeURIComponent(p[i] || ''));}url = "http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?" + s.join('&');window.open(url);
}

3. 新浪微博分享实现

链接为 :

http://service.weibo.com/share/share.php?title='分享标题'&url='分享链接'......等参数

具体参数介绍如下：

count:'', /*表示是否显示当前页面被分享数量(1显示)(可选，允许为空)*/

url:'', /* 将页面地址转成短域名，并显示在内容文字后面。(可选，允许为空)*/

appkey:'', /*用于发布微博的来源显示，为空则分享的内容来源会显示来自互联网。(可选，允许为空)*/

title:'', /*分享时所示的文字内容，为空则自动抓取分享页面的title值(可选，允许为空)*/

pic:'', /*自定义图片地址，作为微博配图(可选，允许为空)*/

ralateUid:'', /*转发时会@相关的微博账号(可选，允许为空)*/

language:'' /*语言设置(zh_cn|zh_tw)(可选)*/

微博分享----------js代码如下

<a href="javascript:;" onclick="sinaWeiBo()">新浪微博</a>
function sinaWeiBo() {var p = {// 表示是否显示当前页面被分享数量(1 显示)(可选， 允许为空) count: '1',//将页面地址转成短域名， 并显示在内容文字后面。(可选， 允许为空) url: 'https://blog.csdn.net/qq_39135287/article/details/80897631',//用于发布微博的来源显示， 为空则分享的内容来源会显示来自互联网。(可选， 允许为空) appkey: '',//分享时所示的文字内容， 为空则自动抓取分享页面的title值(可选， 允许为空) title: 'js实现第三方平台分享功能',//自定义图片地址， 作为微博配图(可选， 允许为空) pic: '',//转发时会 @相关的微博账号(可选， 允许为空)ralateUid: '',//语言设置(zh_cn | zh_tw)(可选)language: 'zh_cn'
};var s = [];for(var i in p) {s.push(i + '=' + encodeURIComponent(p[i] || ''));}var url = "http://service.weibo.com/share/share.php?" + s.join('&');window.open(url);
}

4. 百度插件分享实现 API文档：http://share.baidu.com/code/advance

百度分享代码可以分为三个部分：HTML、设置和 js加载，代码结构示例如下：

<div class="bdsharebuttonbox" data-tag="share_1"><!-- 此处添加展示按钮 -->
</div>
<script>window._bd_share_config = {//此处添加分享具体设置}//以下为js加载部分with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?cdnversion='+~(-new Date()/36e5)];
</script>

百度分享----------js代码如下

<div class="bdsharebuttonbox" data-tag="share_1"><a href="#" class="bds_more" data-cmd="more"></a><a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a><a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a><a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a><a href="#" class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博"></a>
</div>
<script>window._bd_share_config = {"common": {"bdSnsKey": {},//分享的标题"bdText": "js实现第三方平台分享功能",//分享的摘要"bdDesc": "还不赶紧点击进来观看",//分享的Url地址"bdUrl": "https://blog.csdn.net/qq_39135287/article/details/80897631",//下拉浮层中分享按钮的列数"bdMini": "2",//自定义下拉浮层中的分享按钮类型和排列顺序  "bdMiniList": false,"bdPic": '',    //分享的图片//显示风格和大小"bdStyle": "0","bdSize": "32"},"share": {},"image": {        "viewList": ["weixin", "tsina", "qzone", "tqq"],"viewText": "分享到：","viewSize": "16"},"selectShare": {"bdContainerClass": null,"bdSelectMiniList": ["weixin", "tsina", "qzone", "tqq"]}
};with(document) 0[(getElementsByTagName('head')[0] || body).appendChild(createElement('script')).src = 'http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion=' + ~(-new Date() / 36e5)];
</script>

js实现第三方平台分享功能相关推荐

ShareSDK实现第三方微信分享功能
目标: 集成ShareSDK,然后实现自己的软件可以分享信息到微信等第三方交互平台上面去. 本文以集成ShareSDK和实现微信分享为例,具体说一下实现软件第三方分享的流程. 1. 获取注册Share ...
Android 第三方QQ分享功能实现
QQ分享功能记录和一些获取APP签名使用工具,微信分享功能现在需要公司开发者账号了,这里就不写了. 文章目录一.QQ互联官网 1.获取应用APPID 2.下载官方SDK 二.代码部分 1.manif ...
使用APICloud MobTech平台快速实现多平台分享功能
做移动端开发的同学对分享功能应该很了解了,比如很多APP都有分享到微信.微博的功能,可以分享文本.图片.链接.音乐等.本文将为大家讲解如何使用APICloud & MobTech SDK 快速 ...
ShareSDK Android 第三方平台分享参数说明
虽然ShareSDK尽可能屏蔽了不同社交平台间接口api差异,但是分享接口需要传递的差异依然会因平台而异,本文将以列表的形式展示不同平台的分享参数(ShareParams)的字段要求,以方便开发者使 ...
微信开放平台分享功能的app签名怎么获取
微信开放平台需要的签名如果直接使用eclipse打包生成的MD5签名是不行的. 需要把这个eclipse打包生成MD5签名做一些处理: (1)冒号:去掉 (2)大写字母换成小写字母 (做以上处理的时候 ...
ShareSDK 第三方平台分享参数说明
本文介绍使用 ShareSDK 时,各个社交平台的分享情况说明新浪微博分享规则新浪微博支持分享类型: 应用内分享: 文字,文字+图片,链接客户端分享:文字,文字+图片,链接,视频,多图(只支持本 ...
利用NativeShare.js实现移动端分享功能
原文地址 https://github.com/fa-ge/NativeShare/blob/master/README.md 下载地址:https://github.com/fa-ge/Native ...
js——发表评论和分享功能
js部分: window.onload=function(){var btnShare=document.getElementById('btn_share');var btnPut=document ...
js实现选中文字分享功能
<!doctype html> <html> <head> <meta charset="utf-8"> <title> ...

js实现第三方平台分享功能

js实现第三方平台分享功能相关推荐

最新文章

热门文章