«

»

Окт 22 2014

Кнопки социальных сетей для сайта (мой обзор)

Как установить кнопки социальных сетей для сайтаПривет  всем моим читателям и посетителям блога boqdanov.ru.  С вами снова – Антоха.  Очередной пост будет на тему, что такое кнопки социальных сетей для сайта и как их поставить.  Буду делиться своим опытом и наблюдением. Такие кнопки можно разместить с помощью плагина, а также используя специальный код.  Я рассматривал все два варианта, но плагины которые можно заменить кодом я не устанавливаю. Просто перечислю  для тех, кто захочет воспользоваться ими или кто не любит ковырять код и что-то менять.

Зачем нужны кнопки социальных сетей?

 

Кнопки социальных сетей должны быть установлены на каждом веб – ресурсе, особенно это касается блогов. Если статья понравилась вашему читателю, он нажимает кнопки и тем самым делится с друзьями в социальных сетях вашим шедевром. А это дополнительный трафик и потенциальные подписчики блога. Кнопки также помогают быстро проиндексировать новую статью (особенно стоит уделить внимание «Twitter»). В общем, не упускайте возможность продвигать свой сайт в социальных сетях(SMO — Social Media Optimization).

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

Important!

  1. TweetMeme Button
  2. Social Profiles Widget
  3. Social Share Buttons for WordPress

Ну, пожалуй, хватит. Как скачать и установить плагин, можно прочитать в этой статье. Все подробно изложил.

Как установить кнопки социальных сетей с помощью онлайн сервиса.

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

Рассматривал я три известных онлайн сервиса — Share42, Pluso, Яндекс. В итоге выбор пал на два сайта — Pluso, Яндекса. Установил скрипты кнопок обоих сайтов. Почему, узнаете немного позже.  А пока рассмотрим установку и настройку всех трех скриптов.

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

Еще раз напоминаю, все описанные сервисы предоставляют код бесплатно. Приступим.

Заходим на официальный сайт Share42, и перед нами  предстают кнопки всех известных социальных сетей.кнопки

Совсем  не обязательно размещать все имеющееся кнопки, достаточно выбрать 4-6 наиболее популярные соц. сети. Как правило это  Twitter, Google Plus, Facebook и в Контакте. Отмечаем — просто кликая по ним мышкой,кнопки социальных сетей без труда можно менять их местами (как вам угодно),кнопки социальных сетей для сайта

выбираем подходящий размер из трех предложенных (32*32, 24*24, 16*16) и спускаемся вниз страницы. Здесь настраиваем необходимые опции. Выбираем горизонтально или вертикально будет располагаться панель, указываем кодировку вашего сайта. Иконку сайта Share42 и jQuery я не указывал. кнопки соц. сетей для сайта Далее вам предлагают скачать скрипт или посмотреть, как будут выглядеть кнопки социальных сетей на сайте. knopki-cocialnih-setei-dla-saita-2

Обязательно нужно посмотреть и если что-то не устраивает сразу подправить, не отходя от «станка». кнопки социальных сетей

Идем к следующему пункту настройки.  Нам предлагают установить код на свой сайт. Здесь необходимо обязательно прописать адрес вашего веб ресурса и указать правильный тип.кнопки сетей для сайта

Смотрим на сгенерированный код, теперь адрес  сайта прописан в нем. кнопки сетей для сайта С настройками все. Скопируйте и сохраните пока данный код, он позволит выводить кнопки социальных сетей на сайте в нужном месте. Только теперь поднимаемся в начало страницы и скачиваем готовый скрипт. Скачанный zip- архив  необходимо закачать  на хостинг в корень вашего сайта и распаковать. Закидываем с помощью программы FileZilla. Сделали — отлично.

Теперь переходим непосредственно к установке кода. Для этого идем в админку WordPress, переходим в редактор шаблона и открываем файл single.php, который отвечает за вывод записи. Здесь можете сами выбрать где будут располагаться кнопки социальных сетей (в конце статьи или в начале) и вставить код в соответствующее место. По мне так лучше в конце поста, посетитель почитал статью и оценил. Можно поставить и в конце и вначале статьи – выбор за вами. Код я поставил в конце статьи следующим образом:кнопки сетей социальных для сайта

Сохраняем изменения. На этом установка и настройка завершена.

 

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

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

На этом онлайн сервисе не составит труда сгенерировать код кнопок социальных сетей для сайта. Делается это намного легче и быстрее предыдущего сервиса. Переходим на официальный сайт Pluso и перед нами, как и в первом случае, все кнопки популярных социальных сетей как на ладони.

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

Notice

 

 

  1. Необходимо выбрать стиль кнопочек.
  2. Из огромного числа выбираем социальные сети, которые нам нужны. Для этого перетаскиваем с помощью мышки, можно менять расположение.
  3. Окно предосмотра позволяет увидеть полученный результат.
  4. Можно поиграться с настройками внешнего вида.
  5. На выходе получаем готовый код для вставки на сайт.

 

Не нужно никаких скачиваний, установки скрипта и изображений. Только код. Единственное, что я сделал, убрал красную кнопку «Плюс». При нажатии, открывается панель с остальными кнопками и реклама сервиса. Реклама – это лишнее, да и такое количество кнопок не нужно.

Подробно о Pluso

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

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

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

Notice

Отмечаем галочкой нужные социальные сети.

Выбираем по вкусу внешний вид кнопок.

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

Эти кнопки мне тоже не подошли, больно они мелкие и порой не заметные. Оставил я их больше для себя, чем для читателей.

 

Подробнее почитайте о кнопках Яндекс, все станет понятно.

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

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

С уважением, Богданов Антон!

 

 

Интересные материалы по теме: