在同一页面上使用Addthis的两个不同配置

Question

我希望在同一页面上有两个不同配置的Addthis。

请注意，我正在使用新的Addthis，代码如下：

<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-xxxxxxxxxxxxxxxx" async="async"></script>
<div class="addthis addthisBlogue clearfix">
    <div class="addthis_sharing_toolbox"></div>
</div>

我想做的是有一个具有共享数字工具提示，而另一个则没有。这可行吗？

- Fredy31

---

你的代码呢？ - emerson.marini

仅通过使用仪表板配置似乎不可能实现：http://support.addthis.com/customer/portal/questions/9644893-on-same-page-post-to-dispaly-same-time-2-sharing-bars-toolboxes - emerson.marini

Answer 1

由于AddThis创建包含计数“工具提示”（实际上不是工具提示）的HTML元素，并带有单个类或ID元素，如果您想非常具体地隐藏某些内容（即在页面上有两个或多个AddThis实例时选择要隐藏的内容），则可以：

1. 将要隐藏计数的实例添加到具有CSS ID或唯一类的div中； 2. 使用"display：none"来仅在该div内隐藏父级社交媒体计数元素。

定位您想要隐藏计数元素的AddThis

看起来很明显，但例如，在this page上，如果您检查（例如在Chrome中）呈现的Facebook和Twitter AddThis元素，并将“display：none”添加到包含要隐藏的元素的.pluginCountButton和.count-o样式中，它们就会从显示中消失。

如果你将 AddThis 实例嵌套在一个唯一标识的 div（或任何父元素）中，那么你可以通过以下方式轻松地针对需要隐藏的实例进行定位：

#hiddencount .pluginCountButton,
#hiddencount .count-o {
  display: none;
}

您需要找到相应版本和实例的等效的.pluginCountButton和.count-o元素-每个社交媒体图标都有自己的元素，因此您需要识别每个元素，就像上面的示例一样。您可能还需要在#hiddencount和计数容器之间更具体地指定样式以应用它。

注意：如果没有显示计数链接的工作示例，则未经测试。如果您有一个工作示例，我很乐意测试它。

- Dave Everitt

Answer 2

通过一些挖掘，我发现了答案。

您需要像这样将类addthis_toolbox添加到您的div中：

<div class="addthis addthis_toolbox addthisBlogue clearfix">
    <div class="addthis_sharing_toolbox"></div>
</div>

来源：http://support.addthis.com/customer/portal/questions/5024966-multiple-share-button-on-same-page

- Matthew