Как установить кнопку «Мне нравится» от ВКонтакте.ру на сайт | Пятый элемент блогосферы


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

Все большую и большую популярность приобретают кнопки «Мне нравится» от социальных сетей 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
Оставить комментарий

avatar
10000
  Подписаться  
новее старее
Уведомление о
Елена
Елена

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

venera
venera

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

Ruslan
Ruslan

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

Роман Елькин
Роман Елькин

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

Vitas
Vitas

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

USAdvice
USAdvice

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

Добавила ее по всем правилам, но на главной странице блога кнопки со всех статей сползаются наверх:comment image
Как видите, с Фейсбуком и Твиттером таких проблем не возникает… И на страницах отдельных статей все впорядке.

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

Александр
Александр

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

Gogast
Gogast

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

Александр
Александр

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

Ярослав
Ярослав

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


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