Свой текст кнопки “Мне нравится” Вконтакте. Динамический контент

Вообще, для для Лайков существует большое количество плагинов, например отличный плагин Pluso (он больше для share чем для like, но плагин отличный), но если все же требуется установить стандартные лайки, тогда накидаю небольшую инструкцию (в первую очередь для себя;)).

Виджет “Мне нравится” – Лайки ВКонтакте для сайта

Для создания лайков Вконтакте заходим на эту страницу http://vk.com/dev/Like, далее настраиваем внешний вид самой кнопки, вводим Название, Адрес, Основной домен и Тематику, или же выбираем нужный сайт из выпадающего списка. Выбираем вариант кнопки, при выборе внизу будет показан пример будущей кнопки, выбираем высоту кнопки и ее название.

Нажимаем сохранить и получаем код для размещения на сайте такого вида:

Затем код, который выглядит примерно так:

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

вставляем в код своего сайта перед закрывающимся тегом , для сайтов на CMS WordPress этот код нужно добавить в файл header.php .

Важно! Если вы до этого добавляли на сайт комментарии Вконтакте или какие-то другие виджеты Вконтакте, то этот код у Вас уже будет размещен на сайте, дважды его добавлять не нужно.

Вторую часть кода, которая выглядит примерно так:

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

вставляем в код своего сайта в то место, в котором кнопка “Мне нравится” должна выводиться, для сайтов на CMS WordPress этот код чаще всего добавляется в файл single.php .

Like Button для Facebook

Нажимаем “Get Code” – и в всплывающем окне получаем код для размещения на сайте:

Первая часть кода, которая выглядит примерно так:

(function(d, s, id) { var js, fjs = d.getElementsByTagName(s); if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/ru_RU/sdk.js#xfbml=1&appId=492073974146494&version=v2.0"; fjs.parentNode.insertBefore(js, fjs); }(document, "script", "facebook-jssdk"));

Размещаем в код своего сайта после открывающегося тега .

Важно! Если вы до этого уже размещали на сайте виджет комментариев Facebook или другие виджеты Facebook, тогда этот код у вас уже размещен на сайте и дважды его ставить не нужно.

Вторую часть кода, которая имеет примерно такой вид:

копируем на свой сайт в то место, в котором кнопка Like будет выводиться.

Важный момент! При копировании кода в файлы какой-либо CMS – нужно заменить параметр data-href во втором блоке (адрес сайта):

на код для постоянных ссылок своего сайта, для CMS WordPress это , и получим такой код для второго блока, который нужно вставить в место вывода кнопки Like:

Тематические материалы: