码迷,mamicode.com
首页 > 其他好文 > 详细

Addthis使用

时间:2015-06-10 22:23:14      阅读:462      评论:0      收藏:0      [点我收藏+]

标签:

一、使用

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。

http://www.jiathis.com/

百度分享

http://www.bshare.cn/

微博分享

http://open.weibo.com/sharebutton

Addthis使用

标签:

原文地址:http://www.cnblogs.com/starof/p/4561117.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!