SNS页面分享

使用场景:PC端
可以用于自定义社交分享,如微信(自动生成二维码)、腾讯微博、QQ好友、QQ空间、朋友网、新浪微博、豆瓣、人人网、开心网

组件说明

用于将当前页面信息分享到其他SNS模块,通常用于:资讯页、专题页等

  1. 可以自定义SNS模块:微信(自动生成二维码)、腾讯微博、QQ好友、QQ空间、朋友网、新浪微博、豆瓣、人人网、开心网
  2. 可以自定义图标尺寸:16px 16px 或 24px 24px
  3. 可以自定义是否选择添加点击流
  4. 可以自定义模块打开类型:弹窗打开或新页面打开

组件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] 其他说明

  1. 不需要再单独添加CSS代码,JS会根据配置参数自动将相关CSS代码插入head中
  2. tcss设为true时,请不要忘记引用点击流代码
  3. 容器ID名称自定义请保持页面和JS中的一致
  4. 分享模块自动获取当前页面的标题和url

DEMO演示:点击查看

results matching ""

    No results matching ""