当前位置

添加AddThis分享按钮

James Qi 在 2018年3月6日 - 11:00 提交

  以前使用过“百度分享”按钮代码嵌入到网站中,在《Drupal网站改http为https访问》这篇文章里面还记录了baiduShare代码改为支持https的办法,但国外站基本都没有添加。

  上个星期和同事一起查看定期网站统计分析的时候,专门去看了百度站长平台、Google Search Consol里面的一些数据,有部分外部链接来自社会化媒体分享,都是用户自己主动做的,我们网站上连分享按钮都没有提供。

  所以今天特意在网上搜了一下,国外站用AddThis的比较多,我就注册了一个帐号,进去可以进行设置、获取代码,然后放置到网站模板中就可以了。

  可选的工具有不少(Shares, Follows, Related Posts, List Building, Link Promotion, Archieved),我们目前只用到Shares这种,这种里面又有很多格式(Floating, Inline, Expanding, Image Sharing, Popup, Banner, Slider),我们就先用整整规格的Inline格式,这里面还可以进行很多设置(Share Counters我关闭了,Social Networks我使用了自定义,还有一些设计方面以及高级设定)。

  然后可以获取到这样类似一段代码:

<!-- Go to www.addthis.com/dashboard to customize your tools -->
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-5a9d922b710467fb"></script>
<div class="addthis_inline_share_toolbox_d4oi"></div>

  添加到网站模板中就可以,类似添加广告代码、统计代码差不多的办法。

  我设置了多个Inline的Share Button,国内和国外使用不同的分享按钮代码,国内选择分享到微信、微博、QQ空间,国外选择分享到Facebook, Twitter, Google Plus。

  上面代码采用了//相对协议,所以对http://和https://都支持。我在Drupal站和MediaWiki站都添加了几个试一试,PC版本和手机版本都可以,AddThis支持响应式设计。另外,我先担心国内看不到或者打开慢,后来测试还可以。

  放置了一段时间之后在AddThis站后台可以看到有访问统计和分享次数的统计数据。


  2018年3月25日补充:从统计后台来看,这种分享按钮还是很有用的,大约每天有10个左右的分享,如果是一年就有几千个社交媒体分析,积累下来是非常有用的。从addthis发来的邮件列表中说,最好是在页面中放置两个或者更多的分享按钮,以便用户看到和使用。刚开始为了不太影响用户体验,我们只放置了固定位的Inline格式按钮,前两天我们尝试了一下添加一个Floating格式悬浮按钮,没有想到统计后台看到分享数量马上飙升,达到每天60-80个,是以前的很多倍,如下图:

  办法是在add this后台增加一个floating分享按钮,电脑版是固定在右侧距离顶部20%高度的地方,手机版设置的是悬浮在底部(如果出现adsense悬浮广告的话,会遮住这个底部分享按钮),其它的设置与固定位按钮类似。这样在后台增加floating按钮以后,已经有固定分享按钮的模板都不需要更改,直接就可以再显示一个浮动按钮出来。这对于我们提高权重、提高收录、展示、流量都很有利!

自由标签: