js分享到第三方平台

1.分享到微信,易信
分享到微信,易信比较简单,贴上分享链接的二维码就可以了。
二维码生成地址:http://cli.im/ (网上随便搜的)

2.分享到新浪微博
代码如下:
var _shareUrl = ‘http://v.t.sina.com.cn/share/share.php?&appkey=895033136‘; //真实的appkey ,必选参数
_shareUrl += ‘&url=’+ encodeURIComponent(_url||document.location); //参数url设置分享的内容链接|默认当前页location,可选参数
_shareUrl += ‘&title=’ + encodeURIComponent(_title||document.title); //参数title设置分享的标题|默认当前页标题,可选参数
_shareUrl += ‘&source=’ + encodeURIComponent(_source||”);
_shareUrl += ‘&sourceUrl=’ + encodeURIComponent(_sourceUrl||”);
_shareUrl += ‘&content=’ + ‘utf-8’; //参数content设置页面编码gb2312|utf-8,可选参数
_shareUrl += ‘&pic=’ + encodeURIComponent(_pic||”); //参数pic设置图片链接|默认为空,可选参数
window.open(_shareUrl,’_blank’,’toolbar=no,menubar=no,scrollbars=no,resizable=1,location=no,status=0,’ + ‘width=’ + _width + ‘,height=’ + _height + ‘,top=’ + (screen.height-_height)/2 + ‘,left=’ + (screen.width-_width)/2);
appkey为必填参数。
详情请参考:http://open.weibo.com/wiki/ShareCode

3.分享到QQ空间
代码如下:
var _shareUrl = ‘http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?’;
_shareUrl += ‘url=’ + encodeURIComponent(_url||document.location); //参数url设置分享的内容链接|默认当前页location
_shareUrl += ‘&showcount=’ + _showcount||0; //参数showcount是否显示分享总数,显示:’1’,不显示:’0’,默认不显示
_shareUrl += ‘&desc=’ + encodeURIComponent(_desc||’分享的描述’); //参数desc设置分享的描述,可选参数
_shareUrl += ‘&summary=’ + encodeURIComponent(_summary||’分享摘要’); //参数summary设置分享摘要,可选参数
_shareUrl += ‘&title=’ + encodeURIComponent(_title||document.title); //参数title设置分享标题,可选参数
_shareUrl += ‘&site=’ + encodeURIComponent(_site||”); //参数site设置分享来源,可选参数
_shareUrl += ‘&pics=’ + encodeURIComponent(_pic||”); //参数pics设置分享图片的路径,多张图片以"|"隔开,可选参数
window.open(_shareUrl,’_blank’,’width=’+_width+’,height=’+_height+’,top=’+(screen.height-_height)/2+’,left=’+(screen.width-_width)/2+’,toolbar=no,menubar=no,scrollbars=no,resizable=1,location=no,status=0’);
详情请参考:http://connect.qq.com/intro/share/

4.分享到百度贴吧
代码如下:
var _shareUrl = ‘http://tieba.baidu.com/f/commit/share/openShareApi?’;
_shareUrl += ‘title=’ + encodeURIComponent(_title||document.title); //分享的标题
_shareUrl += ‘&url=’ + encodeURIComponent(_url||document.location); //分享的链接
_shareUrl += ‘&pic=’ + encodeURIComponent(_pic||”); //分享的图片
window.open(_shareUrl,’_blank’,’width=’+_width+’,height=’+_height+’,left=’+(screen.width-_width)/2+’,top=’+(screen.height-_height)/2+’,toolbar=no,menubar=no,scrollbars=no, resizable=1,location=no,status=0’);
详情请参考:http://share.baidu.com/code/advance

5.分享到豆瓣
代码如下:
var _shareUrl = ‘http://shuo.douban.com/!service/share?’;
_shareUrl += ‘href=’ + encodeURIComponent(_url||location.href); //分享的链接
_shareUrl += ‘&name=’ + encodeURIComponent(_title||document.title); //分享的标题
_shareUrl += ‘&image=’ + encodeURIComponent(_pic||”); //分享的图片
window.open(_shareUrl,’_blank’,’width=’+_width+’,height=’+_height+’,left=’+(screen.width-_width)/2+’,top=’+(screen.height-_height)/2+’,toolbar=no,menubar=no,scrollbars=no,resizable=1,location=no,status=0’);

6.分享到腾迅微博
代码如下:
var _shareUrl = ‘http://v.t.qq.com/share/share.php?’;
_shareUrl += ‘title=’ + encodeURIComponent(_title||document.title); //分享的标题
_shareUrl += ‘&url=’ + encodeURIComponent(_url||location.href); //分享的链接
_shareUrl += ‘&appkey=5bd32d6f1dff4725ba40338b233ff155’; //在腾迅微博平台创建应用获取微博AppKey
_shareUrl += ‘&site=’ + encodeURIComponent(_site||”); //分享来源
_shareUrl += ‘&pic=’ + encodeURIComponent(_pic||”); //分享的图片,如果是多张图片,则定义var _pic=’图片url1|图片url2|图片url3….’
window.open(_shareUrl,’_blank’,’width=’+_width+’,height=’+_height+’,left=’+(screen.width-_width)/2+’,top=’+(screen.height-_height)/2+’,toolbar=no,menubar=no,scrollbars=no,resizable=1,location=no,status=0’);
详情请参考:http://dev.t.qq.com/websites/share/

7.分享到人人网
代码如下:
var _shareUrl = ‘http://share.renren.com/share/buttonshare.do?’;
_shareUrl += ‘link=’ + encodeURIComponent(_url||location.href); //分享的链接
_shareUrl += ‘&title=’ + encodeURIComponent(_title||document.title); //分享的标题
window.open(_shareUrl,’_blank’,’width=’+_width+’,height=’+_height+’,left=’+(screen.width-_width)/2+’,top=’+(screen.height-_height)/2+’,toolbar=no,menubar=no,scrollbars=no,resizable=1,location=no,status=0’);
其他的分享内容会从页面中去抓取。
想了解更多,可参考:http://dev.renren.com/website/?widget=rrshare&content=use

8.分享到开心网
代码如下:有两种写法,第一种写法也是跳转到 http://www.kaixin001.com/rest/records.PHP这个链接地址。
var _shareUrl = ‘http://www.kaixin001.com/repaste/share.php?’;
_shareUrl += ‘rtitle=’ + encodeURIComponent(_title||document.title); //分享的标题
window.open(_shareUrl,’_blank’,’width=’+_width+’,height=’+_height+’,left=’+(screen.width-_width)/2+’,top=’+(screen.height-_height)/2+’,toolbar=no,menubar=no,scrollbars=no,resizable=1,location=no,status=0’);
var _shareUrl = ‘http://www.kaixin001.com/rest/records.php?’;
_shareUrl += ‘url=’ + encodeURIComponent(_url||location.href); //分享的链接
_shareUrl += ‘&content=’ + encodeURIComponent(‘分享的文字’); //需要分享的文字,当文字为空时,自动抓取分享网址的title
_shareUrl += ‘&pic=’ + encodeURIComponent(_pic||”); //分享的图片,多个使用半角逗号分隔
_shareUrl += ‘&showcount=0’; //是否显示分享数,显示:’1’,不显示:’0’
_shareUrl += ‘&style=11’; //显示的样式,必选参数
_shareUrl += ‘&aid=’ + encodeURIComponent(_site||”); //显示分享来源
window.open(_shareUrl,’_blank’,’width=’+_width+’,height=’+_height+’,left=’+_left+’,top=’+_top+’,toolbar=no,menubar=no,scrollbars=no,resizable=1,location=no,status=0’);
想了解更多,可参考:http://open.kaixin001.com/document.php?type=records#code

9.分享到facebook
代码如下:
var _shareUrl = ‘http://www.facebook.com/sharer/sharer.php?’;
_shareUrl += ‘u=’ + encodeURIComponent(_url||location.href); //分享的链接
_shareUrl += ‘&t=’ + encodeURIComponent(_title||document.title); //分享的标题
window.open(_shareUrl,’_blank’,’width=’+_width+’,height=’+_height+’,left=’+_left+’,top=’+_top+’,toolbar=no,menubar=no,scrollbars=no,resizable=1,location=no,status=0’);

10.分享到Twitter
代码如下:
var _shareUrl = ‘http://twitter.com/intent/tweet?’;
_shareUrl += ‘url=’ + encodeURIComponent(_url||location.href); //分享的链接
_shareUrl += ‘&text=’ + encodeURIComponent(_title||document.title); //分享的标题
window.open(_shareUrl,’_blank’,’width=’+_width+’,height=’+_height+’,left=’+_left+’,top=’+_top+’,toolbar=no,menubar=no,scrollbars=no,resizable=1,location=no,status=0’);
由于网络原因,可能分享不了。

11.案例
1
2
3
4
5 分享到微信微博空间等第三方平台的JS代码
6
7
8
9
10 *{margin:0;padding:0;}
11 img{border:0 none;}
12 body{background:#eee;}
13 14 .m-box{width:800px;margin:0 auto;padding:20px;background:#fff;}
15 .m-box p{margin:0 0 10px;}
16 .m-box .icn a{display:block;width:55px;height:35px;background:url(‘http://l.bst.126.net/rsc/img/weibo.png?035‘) no-repeat;}
17 .m-box .icn .wb1{background-position:10px -216px;}
18 .m-box .icn .wb2{background-position:-190px -216px;}
19 .m-box .icn .wb3{background:url(http://l.bst.126.net/rsc/img/postshare/tieba24.png) 15px 0 no-repeat;} 20 .m-box .icn .wb4{background-position:-88px -215px;}
21 .m-box .icn .wb5{background-position:-138px -216px;}
22 .m-box .icn .wb6{background-position:-245px -216px;}
23 .m-box .icn .wb7{background-position:-300px -216px;}
24 .m-box .icn .wb8{background-position:-355px -216px;}
25 .m-box .icn .wb9{background-position:-415px -215px;}

27
28 29
30


31

分享到微信,易信:


32
js分享到第三方平台_第1张图片

33

34 35

36

分享到新浪微博:http://open.weibo.com/wiki/ShareCode

37

38

39 40

41

分享到QQ空间:http://connect.qq.com/intro/share/

42

43

44 45

46

分享到百度贴吧:http://share.baidu.com/code/advance

47

48

49 50

51

分享到豆瓣:


52

53

54 55

56

分享到腾迅微博:http://dev.t.qq.com/websites/share/

57

58

59 60

61

分享到人人网:http://dev.renren.com/website/?widget=rrshare&content=use

62

63

64 65

66

分享到开心网:http://open.kaixin001.com/document.php?type=records#code

67

68

69 70

71

分享到facebook:


72

73

74 75

76

分享到Twitter:


77

78

79 80
81var _title,_source,_sourceUrl,_pic,_showcount,_desc,_summary,_site,
82 _width = 600,
83 _height = 600,
84 _top = (screen.height-_height)/2,
85 _left = (screen.width-_width)/2,
86 _url = ' http://traveliceland.lofter.com/post/352b58_579d8e7',
87 _pic = ' http://m3.img.srcdd.com/farm4/d/2015/0113/11/6AE3FEBE500857BF82CA97E8F03DD6A8_B500_900_500_411.jpeg';
88 89 90//分享到新浪微博 91function shareToSinaWB(event){
92 event.preventDefault();
93 94var _shareUrl = ' http://v.t.sina.com.cn/share/share.php?&appkey=895033136'; //真实的appkey,必选参数 95 _shareUrl += '&url='+ encodeURIComponent(_url||document.location); //参数url设置分享的内容链接|默认当前页location,可选参数 96 _shareUrl += '&title=' + encodeURIComponent(_title||document.title); //参数title设置分享的标题|默认当前页标题,可选参数 97 _shareUrl += '&source=' + encodeURIComponent(_source||'');
98 _shareUrl += '&sourceUrl=' + encodeURIComponent(_sourceUrl||'');
99 _shareUrl += '&content=' + 'utf-8'; //参数content设置页面编码gb2312|utf-8,可选参数100 _shareUrl += '&pic=' + encodeURIComponent(_pic||''); //参数pic设置图片链接|默认为空,可选参数101 window.open(_shareUrl,'_blank','width='+_width+',height='+_height+',top='+_top+',left='+_left+',toolbar=no,menubar=no,scrollbars=no, resizable=1,location=no,status=0');
102 }
103104//分享到QQ空间105function shareToQzone(event){
106 event.preventDefault();
107108var _shareUrl = ' http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?';
109 _shareUrl += 'url=' + encodeURIComponent(_url||document.location); //参数url设置分享的内容链接|默认当前页location110 _shareUrl += '&showcount=' + _showcount||0; //参数showcount是否显示分享总数,显示:'1',不显示:'0',默认不显示111 _shareUrl += '&desc=' + encodeURIComponent(_desc||'分享的描述'); //参数desc设置分享的描述,可选参数112 _shareUrl += '&summary=' + encodeURIComponent(_summary||'分享摘要'); //参数summary设置分享摘要,可选参数113 _shareUrl += '&title=' + encodeURIComponent(_title||document.title); //参数title设置分享标题,可选参数114 _shareUrl += '&site=' + encodeURIComponent(_site||''); //参数site设置分享来源,可选参数115 _shareUrl += '&pics=' + encodeURIComponent(_pic||''); //参数pics设置分享图片的路径,多张图片以"|"隔开,可选参数116 window.open(_shareUrl,'_blank','width='+_width+',height='+_height+',top='+_top+',left='+_left+',toolbar=no,menubar=no,scrollbars=no,resizable=1,location=no,status=0');
117 }
118119//分享到百度贴吧120function shareToTieba(event){
121 event.preventDefault();
122123var _shareUrl = ' http://tieba.baidu.com/f/commit/share/openShareApi?';
124 _shareUrl += 'title=' + encodeURIComponent(_title||document.title); //分享的标题125 _shareUrl += '&url=' + encodeURIComponent(_url||document.location); //分享的链接126 _shareUrl += '&pic=' + encodeURIComponent(_pic||''); //分享的图片127 window.open(_shareUrl,'_blank','width='+_width+',height='+_height+',left='+_left+',top='+_top+',toolbar=no,menubar=no,scrollbars=no,resizable=1,location=no,status=0');
128 }
129130//分享到豆瓣131function shareToDouban(event){
132 event.preventDefault();
133134var _shareUrl = ' http://shuo.douban.com/!service/share?';
135 _shareUrl += 'href=' + encodeURIComponent(_url||location.href); //分享的链接136 _shareUrl += '&name=' + encodeURIComponent(_title||document.title); //分享的标题137 _shareUrl += '&image=' + encodeURIComponent(_pic||''); //分享的图片138 window.open(_shareUrl,'_blank','width='+_width+',height='+_height+',left='+_left+',top='+_top+',toolbar=no,menubar=no,scrollbars=no,resizable=1,location=no,status=0');
139 }
140141//分享到腾迅微博142function shareToQQwb(event){
143 event.preventDefault();
144145var _shareUrl = ' http://v.t.qq.com/share/share.php?';
146 _shareUrl += 'title=' + encodeURIComponent(_title||document.title); //分享的标题147 _shareUrl += '&url=' + encodeURIComponent(_url||location.href); //分享的链接148 _shareUrl += '&appkey=5bd32d6f1dff4725ba40338b233ff155'; //在腾迅微博平台创建应用获取微博AppKey149 _shareUrl += '&site=' + encodeURIComponent(_site||''); //分享来源150 _shareUrl += '&pic=' + encodeURIComponent(_pic||''); //分享的图片,如果是多张图片,则定义var _pic='图片url1|图片url2|图片url3....'151 window.open(_shareUrl,'_blank','width='+_width+',height='+_height+',left='+_left+',top='+_top+',toolbar=no,menubar=no,scrollbars=no,resizable=1,location=no,status=0');
152 }
153154//分享到人人网155function shareToRenren(event){
156 event.preventDefault();
157158var _shareUrl = ' http://share.renren.com/share/buttonshare.do?';
159 _shareUrl += 'link=' + encodeURIComponent(_url||location.href); //分享的链接160 _shareUrl += '&title=' + encodeURIComponent(_title||document.title); //分享的标题161 window.open(_shareUrl,'_blank','width='+_width+',height='+_height+',left='+_left+',top='+_top+',toolbar=no,menubar=no,scrollbars=no,resizable=1,location=no,status=0');
162 }
163164//分享到开心网165function shareToKaixin(event){
166 event.preventDefault();
167168var _shareUrl = ' http://www.kaixin001.com/rest/records.php?';
169 _shareUrl += 'url=' + encodeURIComponent(_url||location.href); //分享的链接170 _shareUrl += '&content=' + encodeURIComponent('分享的文字'); //需要分享的文字,当文字为空时,自动抓取分享网址的title171 _shareUrl += '&pic=' + encodeURIComponent(_pic||''); //分享的图片,多个使用半角逗号分隔172 _shareUrl += '&showcount=0'; //是否显示分享数,显示:'1',不显示:'0'173 _shareUrl += '&style=11'; //显示的样式,必选参数174 _shareUrl += '&aid=' + encodeURIComponent(_site||''); //显示分享来源175 window.open(_shareUrl,'_blank','width='+_width+',height='+_height+',left='+_left+',top='+_top+',toolbar=no,menubar=no,scrollbars=no,resizable=1,location=no,status=0');
176 }
177178function shareToKaixin2(event){
179 event.preventDefault();
180181var _shareUrl = ' http://www.kaixin001.com/repaste/share.php?';
182 _shareUrl += 'rtitle=' + encodeURIComponent(_title||document.title); //分享的标题183 window.open(_shareUrl,'_blank','width='+_width+',height='+_height+',left='+_left+',top='+_top+',toolbar=no,menubar=no,scrollbars=no,resizable=1,location=no,status=0');
184 }
185186//分享到facebook187function shareToFacebook(event){
188 event.preventDefault();
189190var _shareUrl = ' http://www.facebook.com/sharer/sharer.php?';
191 _shareUrl += 'u=' + encodeURIComponent(_url||location.href); //分享的链接192 _shareUrl += '&t=' + encodeURIComponent(_title||document.title); //分享的标题193 window.open(_shareUrl,'_blank','width='+_width+',height='+_height+',left='+_left+',top='+_top+',toolbar=no,menubar=no,scrollbars=no,resizable=1,location=no,status=0');
194 }
195196197//分享到Twitter198function shareToTwitter(event){
199 event.preventDefault();
200201var _shareUrl = ' http://twitter.com/intent/tweet?';
202 _shareUrl += 'url=' + encodeURIComponent(_url||location.href); //分享的链接203 _shareUrl += '&text=' + encodeURIComponent(_title||document.title); //分享的标题204 window.open(_shareUrl,'_blank','width='+_width+',height='+_height+',left='+_left+',top='+_top+',toolbar=no,menubar=no,scrollbars=no,resizable=1,location=no,status=0');
205 }

207
208

你可能感兴趣的:(js分享到第三方平台)