Установка кнопок социальных сетей на сайт (Вконтакте, Facebook, Twitter, Google+)

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

Я сам использую только 4 социальных сети для публикации анонсов прямо из блога, т.е. размещаю только 4 кнопки: вконтакте, facebook, google+ и twitter. Установка их на сайт дело довольно просто и не займет много времени.

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

Для создания кнопки для вставки на ваш сайт идем сюда и делаем простейшие настройки.

Установка кнопок социальных сетей на сайт (Вконтакте, Facebook, Twitter, Google+)

1. Указываем адрес, название, домен сайта.
2. Выбираем вариант отображения кнопки. Есть 4 варианта: кнопка с текстовым счетчиком, с миниатюрным счетчиком, миниатюрная кнопка и миниатюрная кнопка счетчик сверху.
3. Ставим высоту (размер)
4. Пишем текст, который будет внутри кнопки
На этом настройки завершились, посмотреть вид кнопки можно под блоком настроек.
5. Вставляем полученный код к себе на сайт там, где хотите, чтобы отображалась кнопка.

Так же кнопку можно взять и отсюда — публикация ссылок.

2. Facebook. Настройка кнопки возможна здесь.

Установка кнопок социальных сетей на сайт (Вконтакте, Facebook, Twitter, Google+)

Настройки такие же как и при создании кнопки Вконтакте, но помимо этого можно настроить ширину блока (width), показывать ли лица, тех кто лайкнул ну и оформление конечно же тоже можно поменять. После всех настроек жмем «Get Code» и копируем полученный код в то место на сайте, где вы хотели бы, чтобы кнопка отображалась.

Width — необходимо устанавливать по ширине окна. Если окно узкое, то надо убрать «show faces», чтобы не отображались аватарки тех, кто лайкнул.

3. Google+. Недавно открывшаяся социальная сеть от Google тоже обзавелась своей кнопкой. Называет +1. Установка ее на сайт очень полезно, ведь при лайках ваших друзей по социальной сети, ваша статья будет занимать позиции выше при личной выдаче в Google у ваших друзей и друзей ваших друзей.
Получить код кнопки для сайта можно здесь.

Установка кнопок социальных сетей на сайт (Вконтакте, Facebook, Twitter, Google+)

Тут еще проще, чем в двух предыдущих случаях. Настраиваете всего несколько элементов:

1. Отображение
2. Язык
После этого остается разместить всего 2 кода.
Первый, как показано на скрине надо разместить перед тегом body, второй же в то место, где вы хотите, чтобы кнопка отображалась.

4. Twitter. В твиттере сейчас общается куча народу и на кнопку нажимают достаточно часто, наверное чаще чем на другие. Кстати, видел, что Google так же учитывает твиты по кнопке ваших друзей. Видел, что один из запросов был помечен — «поделился ваш друг в Twitter (ник)».

Оформление кнопки настраивается на этой странице.

Установка кнопок социальных сетей на сайт (Вконтакте, Facebook, Twitter, Google+)

Настроек так же не много:
1. Вид кнопки — всего 3 вида оформления
2. Указать ваш ник в Twitter, чтобы при публикации он указывался в твите и вы видели, кто опубликовал запись в своем микроблоге.
3. Выбор языка.

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

На этом установка всех кнопок самых востребованных социальных сетей можно закончить. В следующих статьях я расскажу, сайты и сервисы, где полезно было бы анонсировать свои статьи. Всем пока Установка кнопок социальных сетей на сайт (Вконтакте, Facebook, Twitter, Google+)