Question

我们在博客上使用AddThis，以便分享帖子。我们想要计算共享内容的人数，但AddThis显示有多少人为每个网络分享了它，我们希望它只在一个小部分中。

这就是代码现在的基本情况。

<div class="addthis_sharing_toolbox" style="text-align:center;display:block;">
    <a class=“at-share-btn at-svc-facebook”>… </a>
         <span class="at_flat_counter">50</span>
    <a class=“at-share-btn at-svc-twitter”>… </a>
         <span class="at_flat_counter">23</span>
    <a class=“at-share-btn at-svc-tumblr”>… </a>
         <span class="at_flat_counter">1</span>
    <a class=“at-share-btn at-svc-google_plus”>… </a>
         <span class="at_flat_counter">2</span>
    <a class=“at-share-btn at-svc-linkedin”>… </a>
         <span class="at_flat_counter">1</span>
</div>

我们想要做的是在跨度之间添加所有数字，然后将它们一起添加，以便我们可以在一个字段中显示它们，即总计数。问题是我不知道这是否可能。

计数完成后，我们将display: none;用户隐藏AddThis提供的<span class="at_flat_counter">1</span>

Answer 1

.at-svc-compact, .at_flat_counter { display:none !important; }
.at_flat_counter:last-child { display:inline-block !important; }

第一行隐藏AddThis图标，表示它旁边的总计数以及所有计数器元素。

第二行显示AddThis总计数元素 - 因此出现给没有AddThis品牌的用户，并且还显示多个平台上页面的总份额

使用AddThis HTML插件的总社交计数

1 个答案: