К основному контенту

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

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




Вам также может понравиться

Комментарии

Новые записи

Страницы

Новые комментарии

  • Ольга К.
    Ольга К.Новая ссылка на пост https://arionablog.…
  • Павел
    ПавелУра! Заработало! Спасибо.
  • Ольга К.
    Ольга К.Написала здесь https://www.aryona.ru/202…
  • Павел
    ПавелВсе инструкции по технике безопасности н…
  • Ольга К.
    Ольга К.Код фрагмента текста для Emporioк Soho н…
  • Ольга К.
    Ольга К.Без проблем. После тега <body>.
  • Максим
    МаксимПрикольно про технику безопасности. А в …