Я отмечал важность SMO (Social Media Optimization) в продвижение сайта. Теперь поговорим непосредственно о том, как сделать социальную оптимизацию на своем сайте, а точнее как добавить социальные кнопки популярных сетей на сайт.

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

Это и есть социальные кнопки, благодаря которым достигается SMO , а далее и социальная активность. Эта статья посвящена вопросу где взять код этих соц. кнопок и как правильно установить их к себе на сайте. Рассмотрим для начала установку Google+.

Начнем с получения кода кнопки для Facebook. Для этого зайдите на эту страницу: https://developers.facebook.com/docs/plugins/like-button . Вы должны увидеть следующую картину:

Справа вверху отображается как будет выглядеть кнопка у Вас на сайте. Разберемся с параметрами, которые можно задать:

1. URL to Like
Это необязательный параметр. Если оставить поле пустым, то у каждой страницы будет свой индивидуальный счетчик лайков. Если вписать туда какой-то конкретный адрес URLa , то счетчик будет единым (лайки суммируются со всех страниц этого сайта).

2. Send Button
Добавить или убрать кнопку для отправки сообщений. Я рекомендую убрать эту кнопку, т.к. наша цель поставить просто кнопку "мне нравится", хотя возможно у вас совсем другие цели.

3. Layout Style
Стиль отображения кнопки. Лично мне больше всего нравится standard.

4. Width
Ширина кнопки в пикселях. Я ставлю обычно не больше 100 пикселей.

5. Verb to display
Что будет отображено на кнопке: "мне нравится" или "я рекомендую". Обычно я выбираю первый вариант (стоит по умолчанию), поскольку это более действенный способ замотивировать пользователя поставить лайк.

6. Color Scheme
Цветовая гамма: либо белая, либо черная.

7. Font
Просто задание шрифта для надписи "мне нравится".

После задания настроек наживаем на кнопку "get code" и размещаем на сайте. Обычный код кнопки для facebook:

Теперь рассмотрим как получить код кнопки "мне нравится" от ВКонтакте. Для этого перейдите на следующую страницу: https://vk.com/dev . У Вас должна открыться следующая страница:

Сначала нужно будет добавить новый сайт. Для этого выберите из выпадающего меню "сайт/приложение" пункт подключить новый сайт:

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

Как и в предыдущих случаях, для начала перейдите в место получения и настройки кнопки.

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

В этом нам помогут кнопки «мне нравится» от Вконтакте, Facebook, а также кнопки Твитнуть и Google +1, которые будут расположены в конце статьи.

Работают они очень просто! Когда посетитель вашего сайта прочитал статью и она ему понравилась, тогда скорее всего он захочет высказать свое мнение о ней.

Но многих затрудняет оставлять комментарий, это надо ввести «Имя», «Почту», «Сайт» и «Антикапчу», а тут они видят кнопку «мне нравится» нажимают на нее и дело сделано, ссылка на ваш пост отобразится в социальной ленте посетителя и ее смогут увидеть все его подписчики и друзья.

А это уже новые бесплатные посетители, плюс поисковые системы любят социальные сигналы и запросто могут такую страницу начать выше ранжировать в ТОП выдаче.

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

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

Теперь необходимо скопировать "1 Часть кода " и добавить ее в файл header.php перед закрывающим тегом .

VK.init({apiId: 2970045, onlyWidgets: true});

Так как я сделал вывод ее после текста статьи, поэтому код вставил в файл single.php .

VK.Widgets.Like("vk_like", {type: "button", height: 18});

Перезагружаем страницу и смотрим результат.

Для того, чтобы добавить кнопку «google +1» на сайт или блог переходите по этой ссылке и попадает на страницу простого конструктора.

Выбираете размер кнопки (маленькая, средняя, большая). Не забудьте выбрать русский язык.

Затем вставляете "1 Часть кода " в то место, где планируете установить кнопку «google +1». Я сделал вывод ее после текста статьи, поэтому код вставил в файл single.php .

window.___gcfg = {lang: "ru"}; (function() { var po = document.createElement("script"); po.type = "text/javascript"; po.async = true; po.src = "https://apis.google.com/js/plusone.js"; var s = document.getElementsByTagName("script"); s.parentNode.insertBefore(po, s); })();

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

Если вы хотите установить кнопку «твитнуть» от соц сети микроблогов twitter переходите по этой ссылке и попадаете на страницу конструктора.

Выбираете из предложенных кнопочек самую подходящую для вас. Мне понравился вариант «Отправить ссылку» .

Выбираете в настройках русский язык и копируете код в то место, где планируете сделать показ кнопки «твитнуть». В моем варианте это файл single.php .

Перезагружаете страницу и наслаждаетесь полученным результатом.

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

URL to Like – данное поле не заполняем.

Send Button (XFBML Only) — я убрал галочку Send Button, чтобы не было дополнительной кнопки «Отправить» .

Layout Style – формат кнопки. Мне понравился botton_count, но на вкус и цвет сами знаете, как бывает с приятелями.

Show Faces – ставим галочку, чтобы видеть аватарки тех, кому понравилась статья.

WIdth – указывает ширину. Я оставил все без изменений.

Verb to display – выбираете, какая надпись будет расположена на кнопке facebook. Здесь только два варианта: «like» – мне нравится или «recommend» – я рекомендую.

Color Scheme — выбираете цветовую схему оформления. Для темного (dark ) или светлого (light ) сайта.

Font – можете указать определенный шрифт названия кнопки (arial , verdana и другие).

Первую часть кода устанавливаем перед закрывающим тегом в файле footer.php .

(function(d, s, id) { var js, fjs = d.getElementsByTagName(s); if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/ru_RU/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, "script", "facebook-jssdk"));

Вторую часть кода кнопки «мне нравится» facebook добавляем в то место, где будет показываться кнопка. У меня под текстом, значит файл single.php .

Перезагружаем и смотрим полученный результат.

После некоторой настройки расположения кнопок «мне нравится» Вконтакте, Facebook, а также «Твитнуть» и «Google+» у меня получился вот такой результат.

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

Если что-то не получается или у вас есть вопросы по теме пишите в службу поддержки или оставляйте комментарий, помогу обязательно!

Узнаем, как ставить лайки ВКонтакте под записями и под картинками. Смотрим список всех людей, поставивших сердечки под определенной записью. Пользуемся приложением «Лайкомер», позволяющим смотреть, какие посты на стене набирают большее количество сердечек. Узнаем, как получать лайки на свои записи.

"Мне нравится " в ВК – это способ выразить согласие с автором поста, одобрить изложенную в нем информацию. Таким образом, каждый пользователь ВКонтакте может почувствовать себя причастным к тому или иному посту.

Кнопка "Мне нравится " ВКонтакте представлена в виде сердечка. Она имеет весьма эстетичный внешний вид. Виджет "Мне нравится " по достоинству оценили миллионы пользователей. Они регулярно нажимают на эту кнопку. Кнопка "Мне нравится " в VK расположена с правой стороны от поста. Она представляет собой сердечко светло-голубого цвета, а после нажатия на нее сердечко становится синим.

Как поставить сердечко в Контакте? Очень просто.

Теперь вы знаете, как делать сердечки. Можете лайкать любой пост, который вам понравится. В пабликах и группах обычно сердечек много, так как делать лайки любят многие пользователи. Посты в популярных пабликах за пару минут набирают сотни лайков. Завораживающее зрелище: вы заходите в "Новости " и видите, как под определенным постом постепенно набирается множество лайков. Пользователи одновременно лайкают свеженький пост, едва завидев его в ленте.

Давайте еще рассмотрим, как ставить сердечки напротив картинки. Это тоже легко.

Таким образом, мы дали знать, что картинка нам нравится.

Некоторые люди не понимают, зачем нужны лайки в Контакте. Ответ прост: для того, чтобы человек мог продемонстрировать, что пост ему нравится, а автор поста – увидеть, что запись вызвала у пользователей положительные эмоции. Зачем автору знать, скольким пользователям понравился пост? Для того чтобы быть в курсе пользовательских предпочтений и знать, какого рода информацию стоит размещать в группе или паблике.

Что дают лайки ВКонтакте? Люди видят, что пост собрал много лайков, и понимают, что он заслуживает внимания. Мимо такой записи VK люди уже не пройдут просто так. Они обязательно прочитают ее и задумаются над изложенной в ней информацией.

Многие интересуются, когда появились лайки в Контакте. Это случилось относительно недавно. Кнопка появилась 12 октября 2010 года . Прошло всего лишь чуть больше трех лет. А тем, кто зарегистрирован давно, кажется, будто эта функция существует уже очень долгое время. И не удивительно, ведь сейчас уже сложно представить свою деятельность в социальной сети без этой кнопочки.

Самое большое количество лайков собрал пост в паблике «Музыка ». Их насчитывалось 1500000.

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

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

Теперь вы знаете, как посмотреть чужие лайки. Это очень просто. Возможно, под впечатлением от огромного списка, вы тоже захотите нажать на сердечко. А как поставить лайк ВКонтакте, мы уже говорили.

ВКонтакте есть интересная программа, позволяющая пользователю смотреть, какие записи на его стене получают больше всего лайков и кто наиболее активно лайкает. Называется программа «Лайкомер ». Скачать лайкомер ВКонтакте не нужно, достаточно просто запустить приложение по этому адресу.