使用 AddThis HTML 插件的社交总数答案

【问题标题】：Total Social Count With AddThis HTML Plugin使用 AddThis HTML 插件的社交总数
【发布时间】：2016-03-07 00:03:06
【问题描述】：

我们在博客上使用 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>

【问题讨论】：

标签： jquery html css social-networking addthis

【解决方案1】：

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

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

第二行显示 AddThis 总计数元素 - 因此在没有 AddThis 品牌的情况下向用户显示，并且还显示了该页面在多个平台上的总份额

【讨论】：