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

| Опубликовано в рубрике: Работа над блогом Комментариев нет

Здравствуйте уважаемые друзья! В этой статье давайте поговорим о том, зачем нужны кнопки социальных сетей и как установить кнопки соц сетей на сайт или блог. Наверно каждый из Вас видел на многих сайтах или блогах разнообразные блоки с красивыми кнопками Вконтакте, Одноклассники, Facebook, Twitter, Мой Мир и многие другие, где каждая кнопка обозначает определенную социальную сеть. Зачем они нужны спросите Вы?

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

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

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

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

  1. Перейдите на сайт Share42.com и выберите вкладку Генератор.
  2. Выберите из трёх видов размера нужный Вам размер кнопок.
  3. Выберите сами кнопки социальных сетей, которые будут отображаться на сайте.

share42.com кнопки соц сетей

Далее производим настройки отображения кнопок социальных сетей.

  1. Выберите, как бы Вы хотели видеть отображение кнопок соц сетей: Горизонтально или вертикально.
  2. Выберите кодировку вашего сайта, обычно кодировка utf-8.
  3. Если Вы поставите галочку: К вашему сайту подключен jQuery, то Вам будет доступно подключение счетчика публикаций, то есть перед каждой кнопкой соц сети будет отображаться количество кликов по данной кнопке.
  4. После всех настроек, посмотрите как будут отображаться кнопки социальных сетей.
  5. Если Вас всё устраивает, скачайте готовый скрипт.

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

После того, как Вы посмотрели результат и скачали готовый скрипт.

  1. Распакуйте архив со скриптом.
  2. Загрузите папку «share42» на ваш сайт.
  3. Укажите путь до этой папки: например, http://www.simpll.ru/share42/.
  4. Выберите наиболее подходящий тип сайта, на каком движке у Вас расположен сайт.
  5. Вставьте в шаблон вашего сайта следующий код, выберите место где будут располагаться кнопки социальных сетей.

кнопки соц сетей

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

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

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

На свой блог www.simpll.ru я решил установить кнопки соц сетей от поисковой системы Яндекс. В принципе внешний вид практический такой же, как и у Share42.com, так что разницы я ни какой не вижу, но решил не повторяться и поставить кнопки от Яндекса.

Перейдите на сервис по данному адресу http://api.yandex.ru/share/. Как вы видите настройки практический такие же как и Share42.com, так что не вижу смысла всё расписывать, Вам и так уже всё это знакомо и не составит труда произвести настройки. Смотрите мои настройки на скриншоте, если хотите что бы кнопки отображались как у меня.

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

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

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

Если Ваш сайт или блог расположен на WordPress и Вы хотите, что бы кнопки соц сетей располагались в конце статьи, скопируйте код скрипта, откройте файл Single.php, найдите строчку кода отвечающего за вывод статей и после этой строчки вставьте скрипт кнопок соц сетей. На моём блоге это выглядит так.

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

Ну вот вроде и всё, согласитесь достаточно всё элементарно просто. Кнопки социальных сетей рекомендую Вам устанавливать в конце статьи, не устанавливайте вертикальные, плавающие кнопки, поверьте мне это не главное для посетителя, что бы они мусолили ему глаза с прокруткой страницы, если статья понравится посетителю то он обязательно поделится ей с друзьями. Всем удачи и до новых встреч на блоге www.simpll.ru!!!

Поделитесь в соц. сетях !
Хочешь получать статьи этого блога на почту?
Комментариев нет

Добавить комментарий:
18.14MB | MySQL:33 | 0,220sec