PC端腾讯微博、空间分享

腾讯微博、QQ空间分享

效果演示

<body>
<a href="javascript:share('qqwb')" title="QQ微博转播">QQ微博转播</a>
<a href="javascript:share('qqzone')" title="QQ空间转播">QQ空间转播</a>
<script>
function share(site) {
	var _url = encodeURI(document.location);//页面地址
	var _title = encodeURI(document.title);//页面title
	var _pic = encodeURI("");//图片：例如：var _pic='图片url1|图片url2|图片url3....
	var _appkey = encodeURI(""); //你从腾讯获得的appkey
	var _summary = encodeURIComponent("请输入转播的内容");//转播内容，特殊字符"#"="%23"
	//微博
	if (site == "qqwb") {
		var _t = _summary + encodeURI("地址：");
		var _u = 'http://v.t.qq.com/share/share.php?title=' + _t + '&url=' + _url + '&appkey=' + _appkey + '&pic=' + _pic;
	};
	//空间
	if (site == "qqzone") {
		var _u = 'http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url=' + _url + '&title=' + _title + '&pics=' + _pic + '&summary=' + _summary;
	};
		window.open(_u, '', 'width=700,height=680,top=0,left=0,toolbar=no,menubar=no,scrollbars=no,location=yes,resizable=no,status=no');
	};
</script>
</body>

 

SNS分享组件

组件说明

  • 用于将当前页面信息分享到其他SNS模块，通常用于：资讯页、专题页等
  • 可以自定义SNS模块：微信（自动生成二维码）、腾讯微博、QQ好友、QQ空间、朋友网、新浪微博、豆瓣、人人网、开心网
  • 可以自定义图标尺寸：16px 16px 或 24px 24px
  • 可以自定义是否选择添加点击流
  • 可以自定义模块打开类型：弹窗打开或新页面打开
  • 不需要再单独添加CSS代码，JS会根据配置参数自动将相关CSS代码插入head中
  • tcss设为true时，请不要忘记引用点击流代码
  • 容器ID名称自定义请保持页面和JS中的一致
  • 分享模块自动获取当前页面的标题和url

DEMO演示

查看演示

主要代码

<body>
<div id="tg-sns"></div>
<script src="http://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 : 'http://game.qq.com/',
		//需要自定义页面url时才用到，默认拉取页面url
		picUrl : 'http://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>