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 元素的计数“工具提示”（它实际上不是工具提示），因此如果您想要真正具体（即选择在您有两个元素的地方隐藏哪些内容）或页面上的多个 AddThis 实例）您可以：

\n

\n
1. 添加要在具有 CSS ID 或唯一类的 div 内隐藏计数的实例；
\n
2. 用于仅display: none在该 div 内隐藏父社交媒体计数元素 。
\n

\n

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

\n

似乎很明显，但是例如，在此页面上，如果您检查（例如在 Chrome 中）渲染的 Facebook 和 Twitter AddThis 元素，并将“display: none”添加到包含要隐藏的元素的.pluginCountButton和.count-o样式中，如预期的那样：它们从显示屏上消失。

\n

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

\n

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

\n

您需要找到您的版本和实例的等效项.pluginCountButton和.count-o元素\xe2\x80\x94每个社交媒体图标都有它自己的，因此您必须识别每个图标，如上面的示例所示。您可能还需要计数容器之间的更多特异性#hiddencount才能应用样式。

\n

注意：如果没有显示计数链接的工作示例，则这是未经测试的。如果您有一个有效的示例，我很乐意对其进行测试。

\n