Посетители сайтов обмениваются понравившимися ссылками с друзьями в социальных сетях. Обычно для этого на сайтах вешают кучу разномастных кнопок. Недавно и Google добавил свою кнопку.. Существует несколько сервисов, которые предоставляют наборы кнопок для сайтов. В России наиболее популярен "Поделиться" от Яндекс. Но на нем маловато социальных сервисов. Меня заинтересовал AddThis.
- него есть все кнопки, что и у Яндекса и более 300 других кнопок
- он очень гибко настраиваем, настраиваются как размеры, так и расположение кнопок.
- у AddThis есть плагины для WordPress, Joomla, Drupal, …
- собирает и показывает статистику по кликам
Для подключения на сайт собранный на платформе Worpress и не только есть три пути.
- Плагин AddThis для WordPress .
- конструктор на оф. сайте
- по документации "собрать руками"
3-й способ наиболее гибок. Для начала регистрируемся и создаем профиль на оф. сайте.
Затем выбираем себе подходящий стиль отображения кнопок GettAddThis->Style->more options . Получим примерно такой код:
|
1 2 3 4 5 6 7 8 9 10 11 12 |
<!-- AddThis Button BEGIN --> <div class="addthis_toolbox addthis_default_style "> <a class="addthis_button_preferred_1"></a> <a class="addthis_button_preferred_2"></a> <a class="addthis_button_preferred_3"></a> <a class="addthis_button_preferred_4"></a> <a class="addthis_button_compact"></a> <a class="addthis_counter addthis_bubble_style"></a> </div> <script type="text/javascript">var addthis_config = {"data_track_clickback":true};</script> <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=YOUR_ACCOUNT_ID!!"></script> <!-- AddThis Button END --> |
Для WordPress этот код надо просто вставить в файл single.php куда нибудь между текстом и комментариями. Далее идем на страничку Service Codes и выбираем коды нужных сервисов. Убираем из кода кнопки вида <a class="addthis_button_preferred_1"></a> и ставим свои с выбранными кодами. Для Vkontakte это <a class="addthis_button_vk"></a>. Добавляем nofollow по вкусу и собственную подсказку к каждой кнопке. Иначе подсказка к Vkontakte будет "Send to Vkontakte" Результирующий набор кнопок у меня выглядит так. 
|
1 2 3 4 5 6 7 8 |
<a class="addthis_button_vk" rel="nofollow" title="Отправить на страницу ВКонтакте"></a> <a class="addthis_button_mymailru" rel="nofollow" title="Отправить на страницу Mail.Ru"></a> <a class="addthis_button_facebook" rel="nofollow" title="Отправить в Facebook"></a> <a class="addthis_button_twitter" rel="nofollow" title="Отправить в Twitter"></a> <a class="addthis_button_favorites" rel="nofollow" title="Сохранить в Избранное"></a> <a class="addthis_button_compact"></a><!-- другие кнопки --> <a class="addthis_counter addthis_bubble_style"></a><!-- счетчик --> |
При клике на любую кнопку, AddThis собирает статистику. AddThis->Analitics
Как добавить свою кнопку? Например к блогам Я.Ру или liveinternet?
Тоже просто, но придется подредактировать javascript.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
<script type="text/javascript"> var addthis_config = { services_custom: [{name: "myyaru", url: "http://my.ya.ru/posts_add_link.xml?URL={{URL}}&title={{TITLE}}&body=", icon: "http://favicon.yandex.net/favicon/clubs.ya.ru" }, {name: "liveinternetru", url: "http://www.liveinternet.ru/journal_post.php?action=n_add&cnurl={{URL}}&cntitle={{TITLE}}", icon: "http://i.li.ru/images/icons/16.gif" } ] } </script> <!-- custom buttons --> <a class="addthis_button_my.ya.ru" rel="nofollow" title="Добавить на Я.ру"></a> <a class="addthis_button_www.liveinternet.ru" rel="nofollow" title="Добавить на Liveinternet.ru"></a> |
Свежие комментарии