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

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

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

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

Обновлено 7.12.2019

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

<script type=»text/javascript» src=»http://userapi.com/js/api/openapi.js?13″></script>
необходимо установить между тегами вашей странички. Эта часть кода для всех одинакова. В случае блога 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…)

Поделиться ссылкой:

Подписаться
Уведомление о
guest
40 Комментарий
Newest
Oldest
Inline Feedbacks
View all comments
Елена
Елена
4 лет назад

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

venera
venera
6 лет назад

Хочу много лайков……

Ruslan
Ruslan
6 лет назад

Xочу вытянуть лайки из 1 поста со своей странице на сторонний сайт. Подскажите, как сделать?

Роман Елькин
Роман Елькин
7 лет назад

В один ряд с лайком фейсбука кнопка вконтакте неровно встает, приходится использовать стили для выравнивания.

Vitas
Vitas
8 лет назад

че-то не работает, хотя сделал все как написано, а кнопка не загружается 🙁

USAdvice
USAdvice
8 лет назад

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

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

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

Александр
Александр
9 лет назад

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

Gogast
Gogast
9 лет назад

У вас внизу поста отображается No page_id or url specified , не подскажите как убрать?

Александр
Александр
9 лет назад

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

Ярослав
Ярослав
9 лет назад

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