Общее количество социальных сетей с плагином AddThis HTML

Мы используем 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;, чтобы скрыть <span class="at_flat_counter">1</span>, предоставленный AddThis


html jquery css social-networking addthis
person Trent    schedule 07.03.2016    source источник

Ответы (1)


arrow_upward
0
arrow_downward 

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

Первая строка скрывает значок AddThis, показывающий, как общий счет рядом с ним, а также все элементы счетчика.

Во второй строке показан элемент общего количества AddThis, поэтому он отображается для пользователя без брендинга AddThis, а также показывает общее количество акций для страницы на нескольких платформах.

person Trent    schedule 09.03.2016