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

爱被打了一巴掌 2022-05-21 07:53 224阅读 0赞

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