Кнопки цитирования в социальных сетях и в других популярных платформах на сегодняшний день не менее важный механизм продвижения чем хорошие позиции в поисковой выдаче, но, поскольку перед данным блогом не стояло задачи продвижения, то установка кнопок цитирования в социальных сетях не рассматривалась. Но, необходимо заменить, что цитирование в социальных сетях сегодня стало не только инструментом продвижения, но и просто необходимая вещь, т.к. у пользователей уже сформировались определенные стереотипы поведения, например, читатели блогов иногда пользуются кнопками социальных сетей не с целью разрекламировать статью, а с целью сохранить статью у себя в социальных сетях для разных целей, чтобы не забыть или просто чтобы прочесть потом. Это важно, игнорировать удобство пользователей нельзя.

Мною было изучено достаточное количество материалов, рассмотрены примеры, и вот какой можно сделать вывод. Способов и сервисов размещения кнопок социальных сетей достаточно много, и, практически ни одного лаконичного решения: всегда требуется либо добавление JavaScript кода в head шаблона, либо регистрация в сервисе, либо невозможность удаления иконки сервиса предоставляющего набор кнопок для цитирования в социальных сетях.

Кнопки от социальных сетей по отдельности

Мне затруднительно ответить на вопрос, почему можно пойти по пути установки кнопок по отдельности, но всё же нельзя их не рассмотреть.

Кнопка Google +1 — даёт возможность размещения только кнопки от Google, существует мнение, что большая цитируемость влияет на выдачу в поисковой системе Google. При необходимости работы с западными проектами можно устанавливать. Опасаться безвременной кончины этого инструмента, как это произошло с Google Buzz не стоит.

Like-button от facebook была, наверное, худшей из всех кнопок поделиться в социальных сетях, и дело даже не в необходимости регистрации, а в том, что кнопка на протяжении многих лет оставалась невалидной с точки зрения разметки html.

Сохранить ВКонтакте — самая демократичная кнопка из всех социальных сетей: не требует регистрации, код можно получить за несколько секунд, и поддерживает даже сайты без JS, что мне кажется архаизмом.

Кнопки самых нелепых социальных сетей Рунета МойМир и Одноклассники. Затрудняюсь ответить кому эти кнопки могут быть интересны и полезны в отдельности. Но не добавить этот инструмент в рассматриваемый набор было бы просто не возможно.

Twitter — единственная клавиша, как мне кажется, которая может быть использована в гордом одиночестве. Проста в установке, и относительно гибкая в настройке.

Сервисы, позволяющие размещать блоки кнопок

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

«Поделиться» от Яндекс — достаточно простой, лаконичный, но, не слишком гибкий в настройке инструмент. Преимущество в простоте и настраеваемости. Позволяет не включать в комплект клавишу яндекс, что делает его наиболее удобным инструментом из рассмотренных.

Сервис закладок от AddThis.com — один из самых настраиваемых инструментов, но требует регистрации и отсутствует один из моих любимых стилей дизайна кнопок.

Сервис Pluso — гибкий, функциональный инструмент. Но требует использование значка Pluso, который не удалось выпилить с первой попытки.

Установка кнопок социальных сетей в twentyfourteen

Мной был выбран блок кнопок социальных сетей от Яндекса. Меня он полностью устроил и внешним видом, и тем, что не пришлось использовать дополнительные настройки и лезть в API. Однако внедрение в шаблон twentyfourteen не прошло удачно с первой попытки.

<!-- #like-buttons ##-->
<script type="text/javascript" src="//yandex.st/share/share.js" charset="utf-8"></script>
<div class="yashare-auto-init" data-yashareL10n="ru" data-yashareQuickServices="vkontakte,facebook,twitter,gplus" data-yashareTheme="counter"></div> 
<!-- #like-buttons ##-->

Код счётчика необходимо вставить в файл шаблона single.php. Затруднение вызвало то, что кнопки социальных сетей приклеивались к левому краю, а отдельно прописывать их поведение в CSS для каждого из разрешений очень не хотелось. В итоге дополнительно в классы div’а с кнопками пришлось добавить класс entry-meta, используемый для выравнивания тегов, что не очень правильно с точки зрения структуры CSS, но оптимально с точки зрения отсутствия дополнительных правок в CSS и лишних стилей. Получившийся код вставки приведен ниже.

get_template_part( 'content', get_post_format() );
?>
<!-- #like-buttons ##-->
<script type="text/javascript" src="//yandex.st/share/share.js" charset="utf-8"></script>
<div class="entry-meta yashare-auto-init" data-yashareL10n="ru" data-yashareQuickServices="vkontakte,facebook,twitter,gplus" data-yashareTheme="counter"></div> 
<!-- #like-buttons ##-->
<?php
// Previous/next post navigation.

Upd 2016.12.20: В августе 2016 вышло обновление, призванное исправить ряд ошибок с отсутствием данных по счётчику facebook, а также призванному обновить дизайн и значки соцсетей. До обновления блок выглядел следующим образом.

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

Обновленный код счётчика.

get_template_part( 'content', get_post_format() );
?>
<!-- #like-buttons ##-->
<script src="//yastatic.net/es5-shims/0.0.2/es5-shims.min.js"></script>
<script src="//yastatic.net/share2/share.js"></script>
<div class="entry-meta ya-share2" data-services="vkontakte,facebook,twitter,gplus" data-counter=""></div>
<!-- #like-buttons ##-->
<?php
// Previous/next post navigation.