Просмотров: 1 868

Как добавить в социальные кнопки addthis кнопки от вконтакте, однокласники, mail.ru и др.

Помнится, что как-то раз я писал о сервисе, с помощью которого можно добавлять кнопки социальных сетей на свой сайт. Это было здесь:

//webgyry.info/addthis

Сегодня нужно было добавить социальные кнопки на свой новый сервис сокращения ссылок (http://cc1.me).

Проблема была в том, что код, который можно было получить на сервисе adthis, по-умолчанию ориентирован на западного пользователя и ни одной русскоязычной сети там на начальном экране не отображается.

Мне удалось исправить эту ситуацию. Хочу поделиться с вами методом, с помощью которого мне удалось добавить эти социальные кнопки.

Вот тот код, который генерирует сервис adthis по-умолчанию:

<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
<a class="addthis_button_tweet"></a>
<a class="addthis_button_pinterest_pinit" pi:pinit:layout="horizontal"></a>
<a class="addthis_counter addthis_pill_style"></a>
</div>

Теперь посмотрите, как он изменился:

<div class="addthis_toolbox addthis_default_style addthis_32x32_style">
<a class="addthis_button_preferred_1"></a>
<a class="addthis_button_preferred_2"></a>
<a class="addthis_button_vk"></a>
<a class="addthis_button_mymailru"></a>
<a class="addthis_button_odnoklassniki_ru"></a>
<a class="addthis_button_compact"></a>
<a class="addthis_counter addthis_bubble_style"></a>
</div>

Разница в том, что я добавил несколько дополнительных элеменов <a></a>

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

Все, что нужно сделать, это добавить к элементу класс со специальным сервисным кодом.

Сервисные коды можно посмотреть здесь:

addthis.com/services/list

Вот, собственно, и вся технология добавления кнопок.

Посмотрите, что у меня получилось в итоге:

22-12-2013 15-27-26

Успешно вам добавить нужные кнопки и пусть по ним будет много кликов!