В этой статье я покажу как можно «прокачать» кнопку от стандартного виджета ВКонтакте «Мне нравится».
Оказывается можно улучшить виджет, а именно передавать для репоста свои тексты, ссылку и картинку. Также можно отслеживать поставлен лайк или снят.
Приступим. Для начала нужно получить стандартный виджет «Мне нравится», и зарегистрировать для нег сайт. Сделать это можно тут — http://vk.com/dev/Like
Когда получите код виджета, не спешите его вставлять на сайт, его можно усовершенствовать. Из полученного кода нужно взять только вот этот кусок:
<script type="text/javascript" src="//vk.com/js/api/openapi.js?105"></script> <script type="text/javascript"> VK.init({apiId: ID вашего сайта/приложения, onlyWidgets: true}); </script> <div id="vk_like"></div>
А дальше можете воспользоваться вот таким кодом:
VK.Widgets.Like("vk_like", { type: "vertical", // тип кнопки height: 20, // высота кнопки pageTitle: 'Заголовок поста', // задаем заголовок для репоста pageDescription: 'тестовый текст', // задаем текст для репоста pageUrl: 'http://vk-book.ru/test/', // задаем ссылку для репоста pageImage: 'http://vk-book.ru/test/.jpg' // картинка для репоста }); // ловим ответ на лайк VK.Observer.subscribe("widgets.like.liked", function f(){ alert('Лайк поставлен'); }); // ловим ответ на снятие лайка VK.Observer.subscribe("widgets.like.unliked", function f(){ alert('Лайк снят'); });
Вот и все. За 5 мин мы не плохо «прокачали» стандартную кнопку