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

 

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

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

 

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

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

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

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

 

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

 

1. Share42.com


db972060

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

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

После всех настроек нам необходимо скачать скрипт, для этого нажимаем на эту большую кнопку. Сохраняем его себе на компьютер. Скрипт упакован в архив, который имеет название 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. Я не сторонник использования большого количества плагинов на блоге, поэтому данный способ я никогда не использовал. Если кто использовал плагины, просьба отписаться в комментариях. Интересует на сколько тормозится работа сайта, корректно ли работают кнопки и т.д.

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

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

 

Интересные темы:

Как установить WordPress
Как сделать фавикон и поставить его на сайт
Как выбрать тему для сайта или блога

 

 

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

  1. Последний кнопки красивые которые у вас на блоке. А главное их можно трансформировать.

  2. pluso хороший сервис у меня стоит никаких претензий

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

  3. Creeper:

    Кнопки социальных закладок, до сих пор является неплохим средством рекламирования собственного ресурса.

    • Creeper:

      + увеличение трафика путем привлечения посетителей на ресурс из социальных сетей. Ведь социальные сети — это просто гигантская по численности аудитория.

      • Если честно, я особого эффекта не почувствовал. Может я неправильно что-то делал? 

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

        • А что там можно неправильно делать? Просто тужно контента интересный писать, и тогда все будет, правда легко сказать :)

        • У меня с соцсетей в разгар сезона приходило максимум человек 30-35, с субскрайбе — 20-30. Это при посещаемости в 500-600. А так, обычно по 5-10 посетителей :)

  4. Кнопки нужны в обязательном порядке. Тем более, что устанавливаются они очень просто.

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

  5. У меня на блоге нет таких кнопочек. Не знаю почему, но мне кажется от них нет никакой пользы. Вы сами часто нажимаете на них? Ответьте. Только честно. =)

  6. Как вы считаете, ребята, а если не ставить социальные кнопки на сайт? Много можно потерять, тем самым?

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

  8. Данил, ответь, пожалуйста, на вопрос. Кнопки социальных сетей делают нагрузку на движок WordPress? 

  9. Поменял тему на блоге. Надо кнопки поставить — все руки не доходят :)

  10. Мне из всех перечисленных сервисов больше всего нравится pluso у них кнопочки самые, как мне кажется, красивые и акуратные, плюс установка очень быстра и много настроек различных. В обще, я за pluso!!!

  11. Я часто встречаю комментаторов, советующих различные плагины, программы и сервисы, которые они якобы протестировали и пользуются только ними.  Этиплагины, программы и сервисы имеют специфическое назначение – они применяются для улучшения работы webсайтов и блогов. Как ни странно, но эти «комментаторы» никогда не имели и не имеют своих

     

    webсайтов и блогов. Как можно рекомендовать то, о чём знаешь по наслышке?

    • Данил Новоселов:

      Согласен. Это проблема не только владельцев сайтов и блогов. И в жизни каждый считает своим долгом дать совет, порой не разбираясь в теме. Что уж поделать — Страна Советов

Добавить комментарий для Сергей Отменить ответ