应用AddThis按钮

时间:2015-05-25 15:21:20

标签: html addthis social-media sharethis

我想将AddThis社交书签服务添加到我的网站。我按照网站上的说明进行操作。您可以选择自己的服务并自定义订单。

enter image description here

我选择了facebook,twitter,google,link in,pinterest和whatsapp。

按照指示,我添加了

<script type="text/javascript" src="https://s7.addthis.com/js/300/addthis_widget.js#pubid=ra-53353be15c66b7b4" async="async"></script>
在关闭前的头标签内

然后,在我需要按钮显示的地方,我添加了

<div class="addthis_toolbox addthis_default_style addthis_32x32_style">
    <a class="addthis_button_preferred_1"></a>
    <a class="addthis_button_preferred_2"></a>
    <a class="addthis_button_preferred_3"></a>
    <a class="addthis_button_preferred_4"></a>
    <a class="addthis_button_preferred_5"></a>
    <a class="addthis_button_preferred_6"></a>
</div>

最终结果:

enter image description here

它显示了一些我没有选择的按钮。

我一定是做错了什么,花了一整天的时间来研究它。你能帮忙吗?

3 个答案:

答案 0 :(得分:1)

  

没有看到您预期的按钮?这是因为智能图层是个性化的

     

我们的新智能图层的一个关键功能是您无法做到的   实际上看到。所有共享按钮都针对每个访问者进行个性化。   这使得人们更有可能分享您的网站。

     

- 来源:http://www.addthis.com/blog/2013/07/30/not-seeing-the-buttons-you-want/

所以基本上它意味着如果特定用户知道更多地使用特定社交服务,那么只有那些按钮才会显示给那个人。过滤似乎是在较低的水平上进行的。

查看other similar services

答案 1 :(得分:1)

您的问题是您手动设置页面上的图标。考虑到您是通过addthis.com网站选择服务,只需将以下div元素添加到您的页面,代替您当前的addthis代码:

<div class="addthis_sharing_toolbox"></div>

该div将自动填充您从addthis.com中选择的服务,请相信我,我得到了这个。

答案 2 :(得分:1)

我是AddThis支持团队的Elsa。

如果您使用默认的AddThis配置,则使用我们称之为首选服务的配置。根据他们过去的共享历史记录以及我们服务中最受欢迎的服务,每个人都有所不同。这旨在使用户可以轻松共享其首选服务并增加共享。

如果您想在网站上显示仪表板配置的共享按钮,请替换以下代码

<div class="addthis_toolbox addthis_default_style addthis_32x32_style">
<a class="addthis_button_preferred_1"></a>
<a class="addthis_button_preferred_2"></a>
<a class="addthis_button_preferred_3"></a>
<a class="addthis_button_preferred_4"></a>
<a class="addthis_button_preferred_5"></a>
<a class="addthis_button_preferred_6"></a>
</div>

使用该工具的以下内联HTML代码。

<div class="addthis_sharing_toolbox"></div>