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

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/qq_39135287/article/details/80897631

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>