一、使用
https://www.addthis.com/。国外的SNS分享站点较多,适用于英文站点内容的分享。有教程。
我的测试代码如下:
<html>
<meta charset="utf-8"/>
<head>
<title>share</title>
</head>
<body>
<div ><b>分享到</b></div>
<div class="addthis_toolbox addthis_default_style addthis_32x32_style">
<a class="addthis_button_linkedin"></a>
<a class="addthis_button_twitter"></a>
<a class="addthis_button_facebook"></a>
<a class="addthis_button_google_plusone_share"></a>
<a class="addthis_button_sinaweibo"></a>
<a class="addthis_button_compact"></a>
</div>
<script type="text/javascript">var addthis_config = {"data_track_addressbar":false};</script>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-55754f584f46a708" async="async"></script>
<script type="text/javascript">
// addthis.layers({'theme' : 'transparent',
// 'share' : {'position' : 'right',
// 'services' : 'linkedin,twitter,facebook,google_plusone_share,sinaweibo,more'}
// });
</script>
</body>
</html>
二、Addthis分享插件后url乱码的解决办法
Addthis分享插件安装后,有时候URL后面会出现类似#.UI3JrFIqHE8 的一串乱码的乱码,他的作用是用来追踪客户客户,但是给客户的印象会以为木马中毒之类的
例如: http://www.xxx.com/xxx-p-1.html#.USSfYGc68cY
解决方案
将插件代码中
<script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script>
删除,或者改为false。
三、类似产品
JiaThis - 中国最大的社会化分享按钮及分享代码提供商!
可定制分享图标样式,支持100多个SNS分享站点,嵌入方式也很简单,仅仅一段脚本+HTML。
百度分享
微博分享