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

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

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

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

Существует несколько способов установки кнопок соцсетей. Первый – самостоятельная настройка каждой кнопки от той или иной соцсети, интеграция в шаблон сайта кода данной кнопки, прорисовка стилей и тд. На мой взгляд, этот способ наиболее сложный и трудоемкий. Если вы не разбираетесь в языке HTML и CSS, то сделать это самостоятельно достаточно проблематично.

Я убил целую неделю для того что бы корректно поставить данный девайс на одном из своих первых сайтов. Постоянно или кнопки не работали, или отображались криво, а про стили, я вообще молчу. Признаюсь, я не большой специалист в области HTML и CSS. Можно, конечно, заказать красивые кнопки социальных сетей у фрилансеров, но стоить это будет определенных денежек, которые не каждый может себе позволить.

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

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

1. Share42.com

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

Далее делаем необходимые настройки, а именно вид панели (горизонтальная или вертикальная), кодировку и некоторые другие параметры. По моим наблюдениям большинство блоггеров используют именно горизонтальную раскладку. Это вполне логично, если учесть, что данный блок располагают, как правило, в конце статьи. Короче, я здесь ничего не менял.

После всех настроек нам необходимо скачать скрипт, для этого нажимаем на эту большую кнопку. Сохраняем его себе на компьютер. Скрипт упакован в архив, который имеет название share42.zip. Распаковываем его, в результате чего у нас появится папка под названием share42, в которой находятся два файла.

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

Итак, соединяемся с нашим сервером и закидываем папку share42 в корневую директорию вашего сайта. После чего в специальном поле прописываем путь до этой папки. Выбираем тип вашей CMS.

После этого в специальном окне вы увидите код, который необходимо скопировать и вставить в шаблон вашего сайта. Давайте более подробно о том, как это сделать.

Как правило, кнопки социальных сетей ставят сразу после статьи. Чтобы читатель сразу поделился с друзьями полезной информацией. Вот в это место нам и надо ставить этот код. За статьи в шаблонах WordPress отвечает файл single.php. Он находится в папке с темой вашего блога. Скачиваем этот файл себе на компьютер, открываем при помощи программы Notepad++, и находим следующий фрагмент кода (или что-то похожее):

1

<!--?php the_content(»);?-->

Этот код отвечает за выведение статьи. Вот сразу после него и вставляем код, который нам любезно предоставил сервис Share42.com.

Сохраняем файл и закидываем обратно в папку с темой вашего блога (с заменой старого файла). В результате чего мы видим вот такие красивые кнопки социальных сетей:

2. Блок кнопок от Яндекса

Здесь все несколько проще. Заходим на этот сайт. Выбираем необходимый набор кнопок.

Настраиваем вид панели

Копируем код и вставляем его опять же в файл single.php сразу после статьи.

Признаться, мне этот блок не очень нравится. Как-то он выглядит неказисто. В общем, не вписался он ни в один из моих сайтов.

3. Сервис «PLUSO»

Это мой любимый сервис. Именно его вы можете видеть на этом сайте. Заходим по ссылке. Сначала выбираем стиль блока.

Далее выбираем сети, которые будут расположены в блоке. Их можно перетаскивать мышкой из левого столбика в правый и обратно.

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

После этого копируем полученный код и вставляем его в файл single.php. Любуемся красивыми кнопочками.

Третий способ – это использование специальных плагинов для WordPress. Наиболее популярные плагины это AddThis и Social Share Buttons for WordPress. Я не сторонник использования большого количества плагинов на блоге, поэтому данный способ я никогда не использовал. Если кто использовал плагины, просьба отписаться в комментариях. Интересует на сколько тормозится работа сайта, корректно ли работают кнопки и т.д.

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

С уважением, Данил Новоселов