Социальные кнопки на сайте осуществляют определенную помощь в его продвижении. Чтобы о статье на сайте узнали друзья, эти кнопки позволят читателю быстро и оперативно поделиться с ними через социальные сети.
Без социальных кнопок сейчас не обходится почти ни один сайт. Жизнь многих людей протекает в социальных сетях, поэтому надо дать им возможность зайти в любимую «социалку», чтобы хорошую информацию донести до своих друзей. Именно для этого, веб-мастера стремятся расширить присутствие своих сайтов в соцсетях любыми доступными методами. Там лежат тонны потенциального трафика, который нужен абсолютно всем. Поток посетителей – это деньги, репутация, рост. Всё строится вокруг него.
Социальные кнопки необходимы и это очевидно. Вопрос стоит в техническом исполнении для установки на сайт или блог.
Посмотрите видео, в котором показана установка социальных кнопок на сайт с помощью плагинов.
Для добавления кода кнопок на сайт рассмотрим сервис Pluso, который предлагает яркие функциональные кнопки.
- Заходим на сайт http://share.pluso.ru/
- Выбираем социальные сети, кнопки которых хотим добавить в блог:
Добавляем популярные соцсети — ВКонтакте, Одноклассники, Facebook, Twitter, Google+, Мой мир@Mail.Ru еще Blogger, LiveJornal, В Кругу Друзей, Я.ру. А также сервисы закладок: от Yandex, Yahoo, Google, Бобрдобр.
- Настраиваем внешний вид социальных кнопок:
•большие/средние/мелкие
•квадратные/круглые
•в одну строку/в две строки
•горизонтальные/вертикальные
•со счетчиком/без счетчика
•без фона/с фоном
- Слева можем осуществить предпросмотр кнопочек. Например:
5.Если Все нравится — копируем код:
6.В настройках блога ищем пункт Дизайн. Дальше на схематичном изображении нажимаем Добавить гаджет > Основы > HTML/JavaScript и поле Содержание вставляем код социальных кнопок. И сохраняем гаджет.
Перетаскиваем его в нужное место.
Чтобы вставить вертикальные фиксированные социальные кнопки , нужно (идея здесь):
1) В настройках внешнего вида кнопок выбрать — вертикальные, в одну строку. Большие или средние — в зависимости от Вашего блога (ширины полей справа или слева).
2) Скопировать код.
3) Вставить код кнопок в новый гаджет (смотри выше шаг 6). Пока не сохранять.
4) Добавить строку в код (для фиксации и расположения социальных кнопок):
•Если Вы выбрали кнопки с фоном, то в строку
<div class=»pluso» data-options=»medium,square,line,vertical,nocounter,theme=04″
после слова «pluso» вставить строку:
display:scroll; position:fixed; top:90px; left:50px;
•Если выбрали кнопки без фона, то также после слова «pluso» вставить строку:
style=»display:scroll; position:fixed; top:90px; left:50px;»
5) Нажать Просмотр. Если кнопки далеко «наезжают» на контент блога или не входят по высоте, это можно отредактировать.
top — отступ кнопок от самого верха блога (его можно уменьшить).
left:50px — расположение кнопок слева на расстоянии 50. Заменим left на right (справа) и уменьшаем расстояние до 1px.
ПРИМЕР кода фиксированных вертикальных социальных кнопок по правому краю блога:
6) Сохранить гаджет.
Теперь и на Вашем блоге появятся красивые и яркие социальные кнопки.
