SNS页面分享
使用场景:PC端
可以用于自定义社交分享,如微信(自动生成二维码)、腾讯微博、QQ好友、QQ空间、朋友网、新浪微博、豆瓣、人人网、开心网
组件说明
用于将当前页面信息分享到其他SNS模块,通常用于:资讯页、专题页等
- 可以自定义SNS模块:微信(自动生成二维码)、腾讯微博、QQ好友、QQ空间、朋友网、新浪微博、豆瓣、人人网、开心网
- 可以自定义图标尺寸:16px 16px 或 24px 24px
- 可以自定义是否选择添加点击流
- 可以自定义模块打开类型:弹窗打开或新页面打开
组件CDN
<script src="//ossweb-img.qq.com/images/js/share/share-min.js" charset="gb2312"></script>
用法示例:
<body>
<div id="tg-sns"></div>
<script src="//ossweb-img.qq.com/images/js/share/share-min.js" charset="gb2312"></script>
<script>
TGshare({
iconSize : 16, //分享图标的大小,16为16px X 16px,24为24px X 24px
snsModule : ['wechat','qq','qzone','weibo','pengyou','sina','douban','kaixin','renren'],
//分享类型 wechat,qq,qzone,weibo,pengyou,sina,douban,kaixin,renren
//默认全部加载
title : '腾讯游戏 - 用心创造快乐',
//需要自定义标题时才用到,默认拉取页面标题
url : '//game.qq.com/',
//需要自定义页面url时才用到,默认拉取页面url
picUrl : '//b.gtimg.com/res/2014/06/13/0/058e8b5f7aa4e83d.jpg',
//需要自定义主题图片才用到,默认拉取页面中第一张图片
snsID :'tg-sns',//自定义SNS容器ID
isWindow : true, //分享打开类型,true为弹窗打开,false为新页面打开,默认为弹窗打开
tcss : true //是否添加点击流,true为添加,false为不添加,默认添加
})
</script>
</body>
[warning] 其他说明
- 不需要再单独添加CSS代码,JS会根据配置参数自动将相关CSS代码插入head中
- tcss设为true时,请不要忘记引用点击流代码
- 容器ID名称自定义请保持页面和JS中的一致
- 分享模块自动获取当前页面的标题和url
DEMO演示:点击查看