Как поставить кнопку Нравится (Mail.ru, Vkontakte), Лайк (Facebook), Класс (Одноклассники), Retweet (Твиттер)

Дает ли это траффик? Не знаю, как с одноклассников и майла, но с твиттера и контакта траффик идет. С фейсбука меньше, но тоже есть. А поскольку интернет быстро и активно социализируется, то возникает вопрос, как воткнуть все эти кнопки себе на сайт.

За пример берем сайт paranepara.ru. На нем установлены все пять кнопок. Для установки 4 из них никаких лишних телодвижений совершать не нужно. Для вконтактовской кнопки вам понадобится регистрация в этой сети.

Начнем с простого.

1) I like от Фейсбук (Facebook.com).

Официальный мануал и конструктор тут. Но он нам нафиг не нужен. Берем код



И меняем в нем mysite.ru на ваш урл. Кнопка готова. Если вам нужен другой вид кнопки - воспользуйтесь конструктором по ссылке выше.

2) Нравится от Майл.ру (Мой мир, Mail.ru).

Официальный мануал и конструктор тут. Но он опять нам не нужен. Берем код

mysite.ru

" data-mrc-config="{'type' : 'button', 'width' : '150'}">Нравится


И опять меняем mysite.ru на нужный нам урл.

3) Retweet от Твиттера (Twitter.com)

Тут лучше всего пользоваться сервисом tweetme.com, чем oфициальной кнопкой. Процесс установки описан тут. Но опять же ничего мы по ссылке смотреть не будем, а скопируем код ниже




И снова меняем mysite.ru на свой урл.

4) Класс! от Одноклассников (Odnoklassniki.ru)

Официальное руководство тут. Но оно нам не потребуется, хотя сам процесс несколько сложнее. Сначала между тэгами ... надо вставить вот этот код




а потом в нужном вам месте уже саму кнопку

mysite.ru/" onclick="ODKL.Share(this);return false;" >0

И снова меняем mysite.ru на наш урл. Не забываем добавить в тэг BODY атрибутonload="ODKL.init();"

5) Мне нравится или Одобряю от Вконтакте (Vkontakte.ru)

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

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





Саму кнопку вставляете там, где она вам нужна

И в этом коде ничего менять не надо - вконтактик будет брать сайт из своей базы.

Собственно все. Остается один момент для тех, у кого блогспотовский блог и он задается вопросом, как я врезал тэги в текст статьи: вставить HTML-код можно, конвертируя его вэтом сервисе.

После установки попросите ваших друзей пролайкать ваши кнопки, чтобы были ненулевые значения. Приятная часть в том, что кнопки майла, фейсбука и ретвита сами подхватят старые лайки, если они были кем-то сделаны по доброй воле до установки кнопок на сайте. У "класса" и вконтакта такого эффекта не обнаружено. Больше всего траффика с кнопочных ссылок идет с вконтакта. На втором месте твиттер, на третьем - фейсбук. В количественном плане быстрее всего набираются лайки фейсбука, потом ретвиты и затем только вконтакт.

Удачной вам социализации своих сайтов!