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

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

Поставить кнопку «Мне нравится» от соцсети ВКонтакте.ру очень просто. Заходим на эту страничку. Разумеется, нужно быть залогиненным на сайте ВКонтакте.ру. Необходимо заполнить очень простую форму. В первой позиции нужно указать название и адрес сайта. Далее выбираем внешний вид кнопки — образец показывается непосредственно под формой — и ее название («Мне нравится» или «Это интересно»).

мне нравится вконтакте


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

<script type="text/javascript" src="http://userapi.com/js/api/openapi.js?13"></script>

необходимо установить между тегами <head></head> вашей странички. Эта часть кода для всех одинакова. В случае блога WordPress его нужно установить в файл index.php той темы, которую вы используете.

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

<script type="text/javascript">
VK.init({apiId: id_вашего_сайта, onlyWidgets: true});
</script>

<div id="vk_like"></div>
<script type="text/javascript">
VK.Widgets.Like("vk_like", {type: "10"});
</script>

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

Ниже я установила кнопку с текстовым счетчиком. Если вам понравился пост и вы из него что-то для себя почерпнули, не забудьте нажать кнопку «Мне нравится»

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

VK.Widgets.Like(«vk_like1», {type: «10»});

(Продолжение следует… В следующем посте пойдет рассказ о том, как установить кнопку «Мне нравится» от Facebook…)

40 Комментарии

Оставить комментарий
  1. Полезная информация.
    А где поставить галочку «Оповещать о новых комментариях по почте»? Многие не комментируют если нет такой возможности. Плагин Subscribe To Comments. Да Вы наверное знаете.

    1. Спасибо, не знала об этом плагине. Вернее, знала, что такой плагин существует, но руки не доходили его найти. Теперь добавила.

        1. Это если у тебя блог WordPress.

          На юкозе я ресурсов не заводила, поэтому не знакома с его заморочками… А верхнюю часть кода между тегами там возможно установить?

  2. у меня нет возможности добавить

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

    1. тот самый
      сначала на http://vkontakte.ru/developers.php?o=-1&p=Like
      подключи свой сайт к сервису…он сгенерирует тебе автоматом твой ip

      далее можно работать с кодами которые там появятся первую часть
      (вот мой код

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

      у тебя будет только ip другой) вставляешь в «Управление дизайном/редактирование шаблонов/раздел редактор страниц: страницы сайта.
      В самом верху будет тег head сразу за ним вставляешь то что я написал выше только с твоим IP. ну а дальше уже в конкретной новости или сообщении,при редактировании нажимаешь на кнопку HTML кода и вставляешь вот этот скрипт там где тебе надо разместить кнопку

      VK.Widgets.Like(«vk_like», {type: «10»});

    2. к сожалению в моем сообщении не отобразился полностью код скрипта…но на ссылке которую я тебе написал он будет.если правильно укажешь данные своего сайта.

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

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

    а во втором варианте

    VK.Widgets.Like(«vk_like_2», {type: «button»});

    что я делаю неправильно?

  4. умоляю кто-нибудь опишите как можно подробней как именно на UCOZ добавить эту кнопку!!! прошу очень

  5. Ариона, вижу, что с покзателями сайта у вас все в порядке, но все-таки спрошу — уходит ли PR через эти скрипты? Читал, что odnaknopka.ru, вроде бы, грешила этим.

  6. Если вы хотите установить более одной кнопки на странице, элемент vk_like должен иметь уникальное обозначение для каждого кода. Например, в одном месте оставляете vk_like, а в другом называете его vk_like1.

    приведите пример где это работает

  7. Подскажите куда вставлять второю часть кода. первую вставил в Заголовок (header.php), а вторую надо вручную на каждую страницу ставить или можно в шаблоне где-то, что бы она автоматически в каждой записи появлялась? сайт на WordPress

  8. Здравствуйте! Где взять айпи сайта?
    Зарегистрировала на страничке этого виджета вк, а где сам код?
    Заранее спасибо!

  9. У меня эта кнопка очень странно работает. И счётчик для всех постов одинаковый, в чём проблема разобраться не могу.

  10. «В случае блога WordPress его нужно установить в файл index.php той темы, которую вы используете.»

    Может всё-таки в header.php? )

  11. Превосходный пост! Всё чётко расписано.
    У меня вопрос. Я сделал, всё, как у Вас написано. У меня блог на блогспоте. Так вот на главной сранице стоит одна кнопка «мне нравится», а на остальных их стоит две. Много раз проверял не ввёл ли я какую-то часть кода (или весь) 2 раза. Нет, ввёл 1 раз. Всё правильно. Что с этим делать?

  12. Что-то не совсем понятно…
    Если я не залогинен на вконтакте, то выводится вместо кнопки «No page_id or url specified». Даже по тексту выше на этой странице такая же надпись. Так и должно быть или это глюк ?
    Вот с кнопкой share такого нет, только с like.

  13. 2Gogast
    По-моему, это какой-то косяк вконтакте. Лучше им в саппорт написать.

  14. Здравствуйте. Очень надеюсь на Вашу помощь, не могу сама разобраться с кнопкой «Мне нравится» ВКонтакте.

    Добавила ее по всем правилам, но на главной странице блога кнопки со всех статей сползаются наверх: http://s016.radikal.ru/i336/1109/b8/6fdee7d85814.jpg
    Как видите, с Фейсбуком и Твиттером таких проблем не возникает… И на страницах отдельных статей все впорядке.

    Подскажите, пожалуйста, в чем может быть проблема…

  15. Спасибо, совершенно ничего сложного как оказалось нет, установила кнопку к себе за пару минут, всё работает прекрасно!

Добавить комментарий


Пятый элемент блогосферы © 2015