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

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 插件的总社交计数

Total Social Count With AddThis HTML Plugin

html

css

jquery

social-networking

addthis