Как установить кнопку «мне нравится»?

Всем привет! Сегодня речь пойдёт о таких фишках, как кнопка «мне нравится» от вконтакте и фейсбук. Расскажу, как установить на сайт кнопку мне нравится. Как настроить кнопку мне нравится от вконтакте.

Итак, поехали! В одной из предыдущих статей «Как добавлять статьи в социальные сети?», я рассказывал про блок поделиться от яндекса, говорил, зачем он вообще нужен, как через социальные сети можно привлекать трафик на свой сайт, увеличивать посещаемость, а, следовательно, и раскручивать его!

«Блок поделиться» объединяет несколько социальных сетей, это очень удобно, но у многих «социалок» есть свои собственные кнопки «мне нравится» достойные внимания. Обо всех рассказывать не буду, в целом процесс установки и основной функционал у них одинаковый. Но, возможно вы спросите, зачем устанавливать какую-то ещё кнопку мне нравится, если есть блок поделиться от яндекса? А смысл в этом есть.

Вот посетители читают статьи на вашем блоге или сайте, вы написали классный материал, «молодцы» – говорят ваши читатели, но комментировать лень… Это ж нужно либо авторизироваться, либо заполнять поля формы: своё имя, писать комментарий, да ещё и капчу вводить, где символы то не всегда разобрать можно… Вот тут то и будет полезна кнопка мне нравится! Нажмёт на неё человек и всё!

А через некоторое время вы, зайдя в свою статью, наведёте курсор мышки на кнопку «мне нравится» – появится окошко, где будут показаны все люди, кому ваша статья действительно понравилась с их аватарками, кликнув по которым можно перейти в профиль человека на сайте vkontakte или facebook. И, если хотите, можете с ним познакомиться, а может даже сотрудничать в будущем!

Давайте перейдём к установке кнопки мне нравится от vkontakte.ru

Как установить кнопку мне нравится на сайт или блог?

Переходим на страничку виджета «мне нравится» вот по этой ссылке. Перед вами появится форма настройки кнопки мне нравится от vkontakte.

Тут думаю всё просто – заполняем поля формы, название, адрес сайта, основной домен для сайта, выбираем вариант кнопки мне нравится от вконтакте. Выбираем высоту кнопки (данная опция появилась недавно). Обратите внимание на код для вставки, первую часть кода до слов <!-- Put this div tag to the place, where the Like block will be --> вставьте между тегами своего сайта. Если ваш блог сделан на CMS WordPress, то теги находятся в файле header.php. Вторую часть этого кода вставьте в нужное место своего сайта, там, где вы бы хотели видеть кнопку мне нравится от vkontakte. Опять же, если у вас блог сделан на WordPress, то вставляйте код в файл single.php вашей темы.

Настраиваем кнопку мне нравится от вконтакте.

У кнопки «мне нравится» vkontakte есть ещё несколько интересных параметров настройки, кроме указанных явно в самой форме. Давайте их разберём:

Width – ширина кнопки мне нравится
pageTitle – название страницы (отображается на стене вконтакте)
pageDescription – краткое описание (отображается на стене)
pageImage – адрес миниатюрной картинки (отображается на стене)
text – ваш текст, появится на стене вконтакте (не более 140 символов).

Задаются эти параметры в строчке VK.Widgets.Like("vk_like", {type: "full"}); через запятую после атрибута type:"full". Выглядеть это будет следующим образом:
VK.Widgets.Like("vk_like", {type: "full", width: 100, height: 20, pageTitle: 'Кнопка мне нравится', pageDescription: 'Как установить кнопку мне нравится на свой сайт', text: 'Интересная, полезная статья!'});

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

В коде ничего менять не нужно.

На сегодня всё! Теперь и вы знаете, как установить кнопку мне нравится от vkontakte и facebook на свой сайт или блог. Как настроить кнопку мне нравится от вконтакте. Надеюсь, эта статья была вам полезна. Советую получать новые статьи на e-mail, впереди много новой интересной информации, бесплатных видеокурсов, скриптов и конкурсов моего сайта.