В статье «7 плюсов сервисов социальных закладок» мы обещали рассказать чем хорош сервис социальных закладок AddThis и каким образом его прикрутить к сайту. Выполняем обещание.
Итак, чем же AddThis лучше остальных?

1. Самая большая коллекция сервисов, которая постоянно растет. Знаете новый сервис? Можете добавить, и такое здесь возможно. На данный момент в базе 271 сервис, среди которых сайты закладок, социальные сети, блоговые платформы и социальные новости.

2. Аналитические отчеты. Сервис покажет что делали с вашим контентом (в какой именно сервис добавляли), кто это делал (география пользователей), сколько раз контентом поделились (можно определить наиболее популярный), каким именно контентом делились посетители.

3. Сервис можно связать с эккаунтом Google Analytics или Facebook;

4. Меню автоматически оптимизируется под каждого конкретного пользователя (Smart sharing) Например, если пользователь использует Facebook, то в его списке этот сервис будет первым.

5. Код невероятно легко интегрируется, причем, в отличие от кода той же «Одной Кнопки» не считает себя умнее владельца сайта, а позволяет менять внешний вид, набор сервисов, язык и массу других параметров не особенно углубляясь в дебри кода.

6. Такие гиганты, как Budweiser, eBay, Sony Ericsson, SAP и даже British Monarchy и The White House. Миллионы мух не могут ошибаться, знаете ли.

7. И, наконец, помимо, собственно социальных сервисов, AddThis позволяет занести страницу или ресурс в закладки браузера, распечатать или послать по e-mail. Немаловажно!

От теории к практике:

1. Заходим на страницу AddThis
2. Выбираете для какого сервиса предполагается кнопка (Select your service). У меня WordPress, поэтому его и выбрал.
3. Выбираете внешний вид кнопки (Select a button style)
4. Жмем на большую красную кнопку «Get Your Button»
5. Попадаете на страницу с инструкциями по интеграции кнопки AddThis в ваш сайт. Для WordPress по умолчанию инструкция про интеграцию при помощи плагина, но я плагины не люблю, так что будем вставлять ручками.

Итак, вот код, который я вставил на сайт (уже переделан):

<!-- AddThis Button BEGIN -->
< ?php echo "<div class=\"addthis_toolbox addthis_default_
style\" addthis:url=\"".get_permalink()."\"
addthis:title=\"".htmlspecialchars(get_the_title($id))."\">
<a href=\"http://www.addthis.com/bookmark.php?v=250&amp;
username=leondead\"
class=\"addthis_button_compact\">Поделиться</a>
<span class=\"addthis_separator\">|</span>
<a class=\"addthis_button_facebook\"></a>
<a class=\"addthis_button_google\"></a>
<a class=\"addthis_button_twitter\"></a>
<a class=\"addthis_button_favorites\"></a>
<a class=\"addthis_button_print\"></a>
<a class=\"addthis_button_email\"></a>

<script type=\"text/javascript\" src=\"http://s7.addthis.com
/js/250/addthis_widget.js#username=leondead\">
</script>"; ?><!-- AddThis Button END -->

Обратите внимание, что надпись «Share» перед закрывающим тэгом можно изменить. Я написал «Поделиться», вместо «Share».

Не менее важная деталь – «addthis_button_facebook\» вот эта строчка кода, собственно и есть та пиктограмма, которая высвечивается на кнопке, справа от надписи «Share». В оригинале пиктограмм было 4, я добавил еще 2 – Google и Twitter, поскольку народ активно использует эти сервисы. (а про популярность сервисов я узнал из тех же рейтингов AddThis) Кстати, вас никто не ограничивает в творческом полете, так что можете добавить в список еще парочку. Как видите, чтобы такую кнопку добавить достаточно изменить название сервиса в кавычках, например, «addthis_button_google\» на «addthis_button_twitter\»

То, что получилось было вставлено в код шаблона Wordpress, точнее в страницу main.php, сразу после куска кода, который отвечает за вывод excerpt.

Напоследок скажу еще одно. До AddThis я пользовался плагином «Одна Кнопка». Ничего сильно плохого про сервис не скажу, однако при создании нового шаблона для этого сайта, «Одна Кнопка» добавляла лишние отступы между постами. Поблема «вылечилась» сама собой, после того, как я снес плагин и интегрировал AddThis. Аминь.

Следите за нашими обновлениями на twitter, подписывайтесь на RSS-рассылки или на нашу подписку на Subscribe.ru, а также не стесняйтесь задавать вопросы в комментариях. Всем успехов, ваш Art Of Business.

↑ Grab this Headline Animator

Сегодня рекомендуем:
Узнайте эффективные стратегии форекс и увеличивайте торговый капитал!

Похожие записи:

• Краткое руководство по созданию блога на Wordpress или с чего начинаются блоггеры

• Переезжаем с Tweetsuite на TweetМeme

• Добавляем кнопку Page Rank

• Как решить проблему с Feedburner – The Feeds does not have subscriptions by email enabled

• Как добавить в блог кнопки Google Reader и Yandex Lenta

Вы можете отслеживать комментарии к этой статье с помощью RSS 2.0
Также вы можете оставить комментарий или получить уведомление с вашего сайта.