Главная » Создание сайтов » Программирование » Кнопка «Мне нравится» ВКонтакте для сайта

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

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

Итак, ниже представлена пошаговая инструкция по установке кнопки социальной сети ВКонтакте — «Мне нравится».

Кнопка "Мне нравится" ВКонтакте для сайта

  • 1. Заходим на страницу виджета «Мне нравится» по этому адресу;
  • 2. В списке сайтов/приложений выбираем пункт «Подключить новый сайт»;
  • 3. Вводим любое для Вас удобное название сайта, вводим адрес сайта (Например, http://bitby.net);
  • Подключаем сайт к социальной сети ВКонтакте

  • 4. Выбираем варианты кнопки. Нам предлагаются следующие варианты: кнопка с текстовым счётчиком, кнопка с миниатюрным счётчиком, миниатюрная кнопка, миниатюрная кнопка, счётчик сверху;
  • 5. Выбираем высоту кнопки;
  • 6. Выбираем название кнопки (либо «Мне нравится», либо «Это интересно»).

Код для моего сайта так же как и код кнопки facebook поделен на 2 части. Одну часть необходимо разместить до тега :

<!-- Put this script tag to the <head> of your page -->
<script type="text/javascript" src="http://userapi.com/js/api/openapi.js?47"></script>
<script type="text/javascript">
VK.init({apiId: 2768725, onlyWidgets: true});
</script>

А вторую часть необходимо разместить в том месте где вы хотите установить кнопку «Мне нравится» социальной сети ВКонтакте:
<!-- Put this div tag to the place, where the Like block will be -->
<div id="vk_like"></div>
<script type="text/javascript">
VK.Widgets.Like("vk_like", {type: "mini", height: 18});
</script>

Поздравляем! Теперь Вы установили кнопку «Мне нравится» к себе на сайт или блог. Кстати, если Вы пропустили статью о том, как установить кнопку facebook то не забудьте прочесть ее. Благодарю за внимание!

С уважением, Vasilenko Ivan!

Комментарии — Один комментарий

  1. #18662 Юрий в 10:02, 9 августа 2012:

    Ответить | Цитировать

    Спасибо за урок. Только я такую кнопку уже делал))

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

имя:

e-mail:

сайт:

текст:

Subscribe without commenting