社交网站分享功能笔记
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')
})
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>
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)+'¬es=');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)+'¬es=');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'指的是二维码图片大小,值越大
空白边框就越大;
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)+'¬es=');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)+'¬es=');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'指的是二维码图片大小,值越大
空白边框就越大;
相关文章推荐
- keepalived实现高可用
- 关于社交网站好友推荐算法调研
- 如何邀请好友注册您的网站(模拟百度网盘)
- 架构设计:系统间通信(29)——Kafka及场景应用(中2)
- ActiveMQ实现负载均衡+高可用部署方案
- ios 架构之谈
- Android官方MVP架构示例项目解析
- 1.2 大型网站架构演化发展过程[读书敲录]
- 1.1 大型网站软件系统的特点[读书敲录]
- 第一章 大型网站架构演化[手工敲录]
- java集合02--collection架构
- 图像处理相关实验室网站备份
- iOS 架构模式--解密 MVC,MVP,MVVM以及VIPER架构
- mysql高可用探究(二)Lvs+Keepalived+Mysql单点写入主主同步高可用方案
- 高可用mysql集群搭建(mysql5.6+keepalived)
- java集合01--总体架构
- 瑞信CDP与HA集群
- java三层架构
- iOS开发-进阶:架构模式--解密 MVC,MVP,MVVM以及VIPER架构(翻译)
- 15年编程生涯,资深架构师总结的7条经验