您的位置:首页 > 运维架构 > 网站架构

社交网站分享功能笔记

2016-05-06 14:46 661 查看
新浪微博:

http://service.weibo.com/share/share.php?url=

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

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

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

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

&pic=自定义图片地址,作为微博配图(可选,允许为空)

&ralateUid=转发时会@相关的微博账号(可选,允许为空)

&language=语言设置(zh_cn|zh_tw)(可选)

我自己写了一个,实现代码如下:

html部分如下:

<span id='aa'>

<img src="http://t.sina.com.cn/favicon.ico" alt="新浪微博分享" border="0">分享到新浪微博

</span>

js部分如下:

var title = 'AAAA';

var url = 'http://www.taobao.com';

var pic = 'http://t.sina.com.cn/favicon.ico';

var href ='http://v.t.sina.com.cn/share/share.php?title='+title+'&url='+url+'&pic='+pic;

$('#aa').click(function(){

window.open(href,'_blank')

})


Facebook Share Button Code

Here is the Facebook share code, which can also be found athttp://www.facebook.com/share_partners.php/.

<script>function fbs_click() {u=location.href;t=document.title;window.open(‘http://www.facebook.com/sharer.php?u=’+encodeURIComponent(u)+’&t=’+encodeURIComponent(t),’sharer’,'toolbar=0,status=0,width=626,height=436′);return false;}</script><a href=”http://www.facebook.com/share.php?u=<url>”
onclick=”return fbs_click()” target=”_blank”><img src=”ADD_IMAGE_URL_HERE” alt=”Share on Facebook” /></a>


Twitter Share Button Code

Here is the Twitter share code, which can also be found at http://www.jhuskisson.com/code-tidbits/share-on-twitter-link.

<a href=”http://twitter.com/home?status=Currentlyreading <?php the_permalink(); ?>” title=”Click to share this post on Twitter”"><img src=”ADD_IMAGE_URL_HERE” alt=”Share
on Twitter”></a>

1,分享到人人网:

<a class="fav_renren" rel="nofollow" href="javascript:window.open('http://share.renren.com/share /buttonshare.do?link='+encodeURIComponent(document.location.href)+'& amp;title='+encodeURIComponent(document.title));void(0)">人人网</a& gt;

2,添加到百度收藏:

<a class="fav_baidu" rel="nofollow" href="javascript:window.open('http://cang.baidu.com/do/add?it='+encodeURIComponent(document.title.substring(0,76))+'&iu='+encodeURIComponent(location.href)+'&fr=ien#nw=1','scrollbars=no,width=600,height=450,left=75,top=20,status=no,resizable=yes');
void 0">百度搜藏</a>

3,分享到开心网:

<a class="fav_kaixin" rel="nofollow" href="javascript:window.open('http://www.kaixin001.com/repaste /share.php?rtitle='+encodeURIComponent(document.title)+'& rurl='+encodeURIComponent(document.location.href)+'&rcontent='); void(0)">开心网</a>

4,推荐到豆瓣网:

<a class="fav_douban" rel="nofollow" href="javascript:void(function(){var%20d=document,e=encodeURIComponent,s1=window.getSelection,s2=d.getSelection,s3=d.selection,s=s1?s1():s2?s2():s3?s3.createRange().text:'',r='http://www.douban.com/recommend/?url='+e(d.location.href)+'&title='+e(d.title)+'&sel='+e(s)+'&v=1',x=function(){if(!window.open(r,'douban','toolbar=0,resizable=1,scrollbars=yes,status=1,width=450,height=330'))location.href=r+'&r=1'};if(/Firefox/.test(navigator.userAgent)){setTimeout(x,0)}else{x()}})()"></a>

或者用这个:

<a class="fav_douban" rel="nofollow" href="javascript:window.open('http://www.douban.com/recommend /?url='+encodeURIComponent(document.location.href)+'& title='+encodeURIComponent(document.title));void(0)">豆瓣</a>

5,添加QQ书签:

<a class="fav_qq" rel="nofollow" href="javascript:window.open('http://shuqian.qq.com/post?from=3& title='+encodeURIComponent(document.title)+'& uri='+encodeURIComponent(document.location.href)+'&jumpback=2& amp;amp;noui=1','favit','width=930,height=470,left=50,top=50,toolbar=no,menubar=no,location=no,scrollbars=yes,status=yes,resizable=yes');
void(0)">QQ书签</a>

6,添加到GOOGLE书签:

<a class="fav_google" rel="nofollow" href="javascript:window.open('http://www.google.com/bookmarks/mark?op=add&bkmk='+encodeURIComponent(document.location.href)+'&title='+encodeURIComponent(document.title));void(0)">Google</a>

7,分享到Twitter:

<a class="fav_twitter" rel="nofollow" href="javascript:window.open('http://twitter.com/home?status='+encodeURIComponent(document.location.href)+' '+encodeURIComponent(document.title));void(0)">Twitter</a>

8,分享到Facebook:

<a class="fav_facebook" rel="nofollow" href="javascript:window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent(document.location.href)+'&t='+encodeURIComponent(document.title));void(0)">Facebook</a>

9,Delicious书签:

<a class="fav_delicious" rel="nofollow" href="javascript:window.open('http://del.icio.us/post?url='+encodeURIComponent(document.location.href)+'&title='+encodeURIComponent(document.title)+'&notes=');void(0)">Delicious</a>

10.分享到yahoo

<a class="fav_delicious" rel="nofollow" href="javascript:window.open('http://myweb2.search.yahoo.com/myresults/bookmarklet?u='+encodeURIComponent(document.location.href)+'&t='+encodeURIComponent(document.title)+'&notes=');void(0)">Yahoo</a>

11.分享到微信朋友圈

一般我们是将这个网页生成二维码,让用户扫码在手机上打开网页。再利用微信右上角本身有的分享到朋友圈以及分享给朋友,聊天组等功能,所以一般我们掌握当前网页自动生成二维码的代码就可以了

<script type="text/javascript">

thisURL = document.URL;

strwrite = "<img src='https://chart.googleapis.com/chart?cht=qr&chs=150x150&choe=UTF-8&chld=L|4&chl="

+thisURL+"' width='150' height='150' alt='网址URL 二维码生成' />";

document.write( strwrite );

</script>

这里chs=150x150是指生成的二维码内容尺寸;width='150' height='150'指的是二维码图片大小,值越大
空白边框就越大;
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: