Здравствуйте уважаемые друзья! В этой статье давайте поговорим о том, зачем нужны кнопки социальных сетей и как установить кнопки соц сетей на сайт или блог. Наверно каждый из Вас видел на многих сайтах или блогах разнообразные блоки с красивыми кнопками Вконтакте, Одноклассники, Facebook, Twitter, Мой Мир и многие другие, где каждая кнопка обозначает определенную социальную сеть. Зачем они нужны спросите Вы?
Да всё очень просто — это элементарный дополнительный трафик на ваш сайт или блог с этих же самых социальных сетей плюс ко всему, если статья новая и была недавно опубликована и посетитель поделился ссылкой на данную статью в социальной сети это увеличит скорость индексации данной статьи поисковыми системами.
Допустим Вы написали отличную, качественную статью, посетитель зашёл на ваш сайт или блог, прочитал её, она ему очень понравилась и помогла решить какую то проблему, он увидел в конце статьи блок с кнопками соц сетей и решил, отличная статья, мне она очень помогла, а дайка я расскажу о статье своим друзьям, наверно им тоже будет интересно почитать и нажимает на одну из кнопок соц сетей, он размещает ссылку на данную статью в социальной сети, далее ссылка на вашу статью уже доступна его друзьям, те в свою очередь делятся ссылкой с другими друзьями или знакомыми и пошло и поехало, тем самым на ваш сайт или блог появляется дополнительный трафик ну и конечно увеличивается популярность вашего сайта. Надеюсь понятно, зачем нужны кнопки социальных сетей для сайта.
Кнопки социальных сетей Share42.com
Я не буду расписывать километровую статью и описывать каждый сервис и плагин установки кнопок социальных сетей, а приведу примеры только тех сервисов, которые использую я для своего сайта и блога. Первый сервис предоставляющий блок кнопок социальных сетей это Share42.com. Данный сервис мне очень понравился своей простатой и понятностью с выбором настроек да и сами кнопки социальных сетей выглядят очень даже не плохо.
- Перейдите на сайт Share42.com и выберите вкладку Генератор.
- Выберите из трёх видов размера нужный Вам размер кнопок.
- Выберите сами кнопки социальных сетей, которые будут отображаться на сайте.
Далее производим настройки отображения кнопок социальных сетей.
- Выберите, как бы Вы хотели видеть отображение кнопок соц сетей: Горизонтально или вертикально.
- Выберите кодировку вашего сайта, обычно кодировка utf-8.
- Если Вы поставите галочку: К вашему сайту подключен jQuery, то Вам будет доступно подключение счетчика публикаций, то есть перед каждой кнопкой соц сети будет отображаться количество кликов по данной кнопке.
- После всех настроек, посмотрите как будут отображаться кнопки социальных сетей.
- Если Вас всё устраивает, скачайте готовый скрипт.
После того, как Вы посмотрели результат и скачали готовый скрипт.
- Распакуйте архив со скриптом.
- Загрузите папку «share42» на ваш сайт.
- Укажите путь до этой папки: например, https://www.simpll.ru/share42/.
- Выберите наиболее подходящий тип сайта, на каком движке у Вас расположен сайт.
- Вставьте в шаблон вашего сайта следующий код, выберите место где будут располагаться кнопки социальных сетей.
После всех моих настроек, блок с кнопками социальных сетей у меня получился такой, на мой взгляд, выглядит достаточно привлекательно.
Кнопки социальных сетей от Яндекс
На свой блог www.simpll.ru я решил установить кнопки соц сетей от поисковой системы Яндекс. В принципе внешний вид практический такой же, как и у Share42.com, так что разницы я ни какой не вижу, но решил не повторяться и поставить кнопки от Яндекса.
Перейдите на сервис по данному адресу http://api.yandex.ru/share/. Как вы видите настройки практический такие же как и Share42.com, так что не вижу смысла всё расписывать, Вам и так уже всё это знакомо и не составит труда произвести настройки. Смотрите мои настройки на скриншоте, если хотите что бы кнопки отображались как у меня.
Данный вид кнопок имеет внутри иконок счетчик отображающий количество переходов к социальным сетям.
Если Ваш сайт или блог расположен на WordPress и Вы хотите, что бы кнопки соц сетей располагались в конце статьи, скопируйте код скрипта, откройте файл Single.php, найдите строчку кода отвечающего за вывод статей и после этой строчки вставьте скрипт кнопок соц сетей. На моём блоге это выглядит так.
Ну вот вроде и всё, согласитесь достаточно всё элементарно просто. Кнопки социальных сетей рекомендую Вам устанавливать в конце статьи, не устанавливайте вертикальные, плавающие кнопки, поверьте мне это не главное для посетителя, что бы они мусолили ему глаза с прокруткой страницы, если статья понравится посетителю то он обязательно поделится ей с друзьями. Всем удачи и до новых встреч на блоге www.simpll.ru!!!