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

Думаю, все знают что делает виджет «Мне нравится». Для числа несведущих поясню – виджет добавляет на 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 перед релизом страницы.

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

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

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

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

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

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

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

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

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

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

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

  • Попросить кликнуть кнопку «Мне нравится» своих друзей или разослать такую просьбу по группам и публичным страницам. Это самый простой способ. Однако такими действиями можно вызвать у пользователей раздражение. Никто не любить манифестировать свои симпатии по команде или просьбе.
  • Купить «лайки» за деньги. С помощью специальных групп можно получить столько «лайков», сколько кошелек потянет оплатить. Стоит это не так уж и дорого - за 100 «лайков» просят примерно 10 рублей.
  • Способ взаимной выгоды: обменяться «лайками» с такими же нуждающимися в них. Вконтакте существуют для этого специальные группы - вы накручиваете копку «Мне нравится» им, а они вам. Для этого нужно связаться с такой группой, проставить «лайки» на их ресурсах и оставить свою заявку. Это бесплатно и может быть весьма эффективно.
  • Выставить фото прямо со своей страницы в тематических группах или группах фотолюбителей. Как и предыдущий, этот способ весьма эффективен. Здесь есть даже большее преимущество - оценки пользователей будут объективными и естественными.
  • И, наконец, можно заказать профессиональное фото - портфолио или презентационный тематический материал, который бы по закону притяжения творческой энергии привлек естественным способом ценителей искусства. Если человека задеть за живое, он сам проставит «лайк» от души.
  • Предыдущие публикации:

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

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

    С пятницей, господа! Завтра у обычных людей начинаются заслуженные выходные. А я, как всегда, буду занят: в этот раз надо поприсутствовать на собственном Дне Рождения. Ну а вчера появился повод вспомнить про кнопку . Она сейчас почти также популярна как Tweet от Twitter, так что встретить её можно почти на каждом сайте или блоге. В том числе и на моём, сразу после статьи, жмите - мне будет очень приятно.

    Что касается причин побудивших меня о ней заговорить - кнопка "Мне нравится" получила обновление, небольшое, но приятное. Заодно напомню, как её настроить и установить на свой сайт.

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

    Установка кнопки "Мне нравится"

    Так вот, из всех перечисленных кнопок вариант от ВКонтакте отличался самой большой высотой, из-за чего в один ряд с прочими никак не вписывался. Теперь высоту можно указать на странице настроек кнопки, где мы и получаем её код для своего блога. Для этого нужно выполнить В Контакте вход и перейти на страницу виджета "Мне нравится" . Это можно сделать, кликнув по пункту "Разработчикам" в самом низу страницы, затем "Виджеты и сторонние сайты" и, наконец, "Виджет "Мне нравится"". Можно сразу по этой ссылке перейти - Мне нравится .

    Самое интересное тут - код для вставки. Часть кода до слов надо вставить между тегами и вашего сайта. Если у вас блог, сделанный на CMS WordPress, то эти теги находятся в файле header.php. А вторую часть кода вставляем туда, где вы хотите видеть кнопку "Мне нравится".

    Настройка кнопки "Мне нравится"

    Кроме указанных явно в настройках у кнопки есть ещё несколько интересных параметров. Это 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: "Очень полезный материал!"});

    Ну вот и всё на сегодня. Теперь я тут всплыву только через несколько дней. Не забывайте, до новых встреч!

    Я отмечал важность 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

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

    Любители социальной сети Вконтакте регулярно заходят в гости на страницы своих друзей, читают новости, смотрят фотоальбомы и видео, активно их комментируют и оставляют лайки на всё самое привлекательное. Именно кнопка МНЕ НРАВИТСЯ ВК позволяет оценить по достоинству фото, оставленный комментарий или написанную заметку. Конечно, чем больше лайков у человека, тем он более популярней в соцсети:), а для групп и публичных страниц – это показатель качества.

    Сегодня подробней познакомимся, как пользоваться функцией мне нравится, как ставить сердечки и как их убрать Вконтакте. Приступим…

    Иногда хочется еще разок посмотреть увлекательный материал, а вот искать его в море информации очень долго. Многие, чтобы избежать таких затруднений отправляют или добавляют на стену, но есть более простой выход из положения – это кнопка Мне нравится или лайк:smile:!

    Как ставить сердечки Вконтакте?

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

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

    Все сердечки Вконтакте автоматически сортируются по вкладкам: записи, фотографии, видео… Эта удобная функция дает возможность быстрее найти полезную информацию в закладках. К тому же комментарии с сердечками автоматически размещаются в Вашей ленте. Для их прочтения идем в меню Мои новости/Комментарии . Если комменты читать не хочется, то можно их удалить, нажав на крестик Отписаться от комментариев .

    Как убрать лайк Вконтакте?

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

    Функция Мне нравится Вк – отличная вещь, ведь свою популярность можно просто увеличить при помощи накрутки сердечек. Самым быстрым способом является использование . Разумеется, если новость – это супер бомба или у Вас вот такое фото как ниже, то накручивать лайки нет необходимости, люди сами будут ставить сердечки и тянуться к Вам!