«Прокачанная» кнопка лайка от ВКонтакте. Ловим callback

Прокачанная кнопка лайка от ВКонтакте. Ловим callbackВ этой статье я покажу как можно «прокачать» кнопку от стандартного виджета ВКонтакте «Мне нравится».
Оказывается можно улучшить виджет, а именно передавать для репоста свои тексты, ссылку и картинку. Также можно отслеживать поставлен лайк или снят.

Приступим. Для начала нужно получить стандартный виджет «Мне нравится», и зарегистрировать для нег сайт. Сделать это можно тут — 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 мин мы не плохо «прокачали» стандартную кнопку

Рассказать друзьям:


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

Ваш e-mail не будет опубликован. Обязательные поля помечены *

*