Addthis - 同一页面上的2种不同配置

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>

我尝试做的是让1具有共享号码工具提示而另一个不具有

有可能吗？

Answer 1

由于AddThis创建的HTML元素包含带有单个类或ID元素的计数'工具提示'（它实际上不是工具提示），如果您想要真正具体（即选择隐藏在两个或更多个地方的确切位置）在页面上添加此实例）您可以：

1. 将实例添加到隐藏带有CSS ID或唯一类的div内的计数;
2. 使用display: none隐藏该div内的父社交媒体计数元素 。

将AddThis定位到要隐藏计数元素的位置

似乎显而易见，但是例如，如果您检查（例如在Chrome中）呈现的Facebook和Twitter AddThis元素并在.pluginCountButton和{{1}添加'display：none'，请this page包含要隐藏的元素的样式，如预期的那样：它们从显示中消失。

如此如果您将AddThis实例嵌套在唯一标识的div （或任何父元素）中，那么您可以简单地定位要隐藏的实例，如下所示：

.count-o

您需要为您的版本和实例找到等效的#hiddencount .pluginCountButton, #hiddencount .count-o { display: none; } 和.pluginCountButton元素 - 每个社交媒体图标都有自己的元素，因此您必须识别每个元素，如上例所示。您可能还需要.count-o和计数容器之间更具特异性才能获得要应用的样式。

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

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