Настройка и установка кнопки "мне нравится" от вконтакте. Вставляем кнопку “Мне нравится” от ВКонтакте

В Интернете, вы часто можете увидеть в конце статьи ряд кнопок. Среди них чаще всего можно встретить кнопку «Мне нравится» Вконтакте. Ее иконка отображается в виде светло-синего сердечка. Простонародное название этой кнопки - «лайк». В этой статье мы рассмотрим: зачем нужна эта кнопка, как она работает и как ее можно использовать в рамках SMM-технологии продвижения сайтов в Интернете с помощью социальных сетей.

Зачем нужна кнопка «Мне нравится» Вконтакте

До того, как кнопка «Мне нравится» Вконтакте появилась, пользователи чаще всего копировали текст понравившейся статьи или ее ссылку, а затем отправляли все это по E-mail , ICQ , Skype. Это и для них весьма неудобно, и для SMM не несет никакого смысла.

Кнопка «Мне нравится» располагается под материалом на сайтах в Интернете - , фото или видео . А также под каждой записью на стене Вконтакте. Это своеобразный голос, знак пользовательской симпатии. Цифра рядом с сердечком показывает скольким пользователям материал или запись на стене понравилась. Если цвет сердечка из светло-синего превратился в темно-синий, это значит, что запись нравится самому автору материала или владельцу стены Вконтакте и он эту кнопку нажал.

Как работает кнопка «Мне нравится» Вконтакте

Нажимая кнопку «Мне нравится» на любом сайте в Интернете или в самой социальной сети Вконтакте , пользователь выражает свое мнение по поводу размещенного материала. Тем самым он накручивает этому материалу «лайк». А если пользователь поставит галочку на команде «лайка» «Рассказать друзьям», то ссылка на этот материал появится у него на стене Вконтакте. Эта же ссылка также будет отображена в разделе «Мои новости».

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

Как накрутить «Мне нравится» в социальной сети Вконтакте

Если простому пользователю страницы Вконтакте кнопка «Мне нравится» нужна в основном для ублажения своего эго, то бравые специалисты SMM предпочитают ее использовать в целях привлечения посетителей для продвижения страницы или группы Вконтакте.

Накрутить «Мне нравится» Вконтакте можно такими простыми и действенными способами:

Попросить кликнуть кнопку «Мне нравится» своих друзей или разослать такую просьбу по группам и публичным страницам. Это самый простой способ. Однако такими действиями можно вызвать у пользователей раздражение. Никто не любить манифестировать свои симпатии по команде или просьбе.

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

Способ взаимной выгоды: обменяться «лайками» с такими же нуждающимися в них. Вконтакте существуют для этого специальные группы - вы накручиваете копку «Мне нравится» им, а они вам. Для этого нужно связаться с такой группой, проставить «лайки» на их ресурсах и оставить свою заявку. Это бесплатно и может быть весьма эффективно.

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

И, наконец, можно заказать профессиональное фото - портфолио или презентационный тематический материал, который бы по закону притяжения творческой энергии привлек естественным способом ценителей искусства. Если человека задеть за живое, он сам проставит «лайк» от души.

Предыдущие публикации:

Последнее редактирование: 2012-07-25 18:19:02

Метки материала: ,

Думаю, все знают что делает виджет «Мне нравится». Для числа несведущих поясню – виджет добавляет на HTML страницу одноименную кнопку, при нажатии на которую увеличивается счетчик. Пользователь также может рассказать о странице на своей стене ВКонтакте. Многие используют этот виджет, но нет ни одного упоминания в свободном интернете о серьезном подводном валуне. Дело в том, что после первого использования, параметры виджета навсегда кэшируются на серверах ВКонтакте и нет возможности их поменять не сбрасывая счетчика.

Чтобы продемонстрировать проблему, возьмем стандартный скрипт для виджета с официальной страницы для разработчиков ВКонтакте:

VK.init({apiId: YOUR_APP_ID, onlyWidgets: true}); VK.Widgets.Like("vk_like", {type: "full", pageTitle: "TEST_TITLE", pageDescription: "TEST_DESC"});

Нужно вставить этот код в страницу, которая будет в домене приложения ВК. Например, для приложения выбран базовый домен example.com, тогда страницу нужно разместить в этом домене или одном из его поддоменов: example.com/vktest.html, local.example.com/vktest.html, и пр.

После нажатия на кнопку, авторизации и нажатия на «Рассказать друзьям», на вашей стене ВКонтакте появится соотвествующая запись. Теперь вернемся на нашу страницу и снова нажмем на «Мне нравится» – счетчик обнулится, запись со стены пропадет. Проблема решена? Можно проверить, меняем параметры виджета на другие.

VK.Widgets.Like("vk_like", {type: "full", pageTitle: "REAL_TITLE", pageDescription: "REAL_DESC"});

Обновляем страницу, снова жмем на «Мне нравится» и «Рассказать друзьям». Во всех моих тестах я видел старые TEST_TITLE и TEST_DESC.

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

Единственный способ обновить эти параметры – сбросить счетчик. Об этом мне сообщили в тех. поддержке ВК:

Сбросить счетчик можно либо указав третьим параметром page_id, или поменяв URL страницы. Очевидно, это не подходит для страницы, где уже больше 500 «лайков».

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

Разработчикам интеграций совет – тестируйте виджет на фальшивых URL, например example.com/fake.html. Или же меняйте page_id перед релизом страницы.

Документация к виджету

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

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

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

1. Добавляем на сайт кнопку Google+

2. Добавляем на сайт кнопку "Мне нравится" от Вконтакте и Facebook 2.1. Мне нравится от FaceBook

Начнем с получения кода кнопки для 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:

(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") ); 2.2. Мне нравится от ВКонтакте

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

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

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

VK.init ({apiId: 2872188, onlyWidgets: true }); VK.Widgets.Like ("vk_like", {type: "button"} ); 3. Добавляем на сайт кнопку tweet

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

Вообще, для для Лайков существует большое количество плагинов, например отличный плагин Pluso (он больше для share чем для like, но плагин отличный), но если все же требуется установить стандартные лайки, тогда накидаю небольшую инструкцию (в первую очередь для себя;)).

Виджет «Мне нравится» — Лайки ВКонтакте для сайта

Для создания лайков Вконтакте заходим на эту страницу http://vk.com/dev/Like, далее настраиваем внешний вид самой кнопки, вводим Название, Адрес, Основной домен и Тематику, или же выбираем нужный сайт из выпадающего списка. Выбираем вариант кнопки, при выборе внизу будет показан пример будущей кнопки, выбираем высоту кнопки и ее название.

Нажимаем сохранить и получаем код для размещения на сайте такого вида:

Затем код, который выглядит примерно так:

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

вставляем в код своего сайта перед закрывающимся тегом , для сайтов на CMS WordPress этот код нужно добавить в файл header.php .

Важно! Если вы до этого добавляли на сайт комментарии Вконтакте или какие-то другие виджеты Вконтакте, то этот код у Вас уже будет размещен на сайте, дважды его добавлять не нужно.

Вторую часть кода, которая выглядит примерно так:

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

вставляем в код своего сайта в то место, в котором кнопка «Мне нравится» должна выводиться, для сайтов на CMS WordPress этот код чаще всего добавляется в файл single.php .

Like Button для Facebook

Нажимаем «Get Code» — и в всплывающем окне получаем код для размещения на сайте:

Первая часть кода, которая выглядит примерно так:

(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/sdk.js#xfbml=1&appId=492073974146494&version=v2.0"; fjs.parentNode.insertBefore(js, fjs); }(document, "script", "facebook-jssdk"));

Размещаем в код своего сайта после открывающегося тега .

Важно! Если вы до этого уже размещали на сайте виджет комментариев Facebook или другие виджеты Facebook, тогда этот код у вас уже размещен на сайте и дважды его ставить не нужно.

Вторую часть кода, которая имеет примерно такой вид:

копируем на свой сайт в то место, в котором кнопка Like будет выводиться.

Важный момент! При копировании кода в файлы какой-либо CMS — нужно заменить параметр data-href во втором блоке (адрес сайта):

на код для постоянных ссылок своего сайта, для CMS WordPress это , и получим такой код для второго блока, который нужно вставить в место вывода кнопки Like: