Sign in to follow this  
3d_max_9

API vk

Recommended Posts

Всем добра столкнулся с такой проблемой. 
Нужно подключить виджет vk "Мне нравится" 
то есть на страничке их будет много для каждого товара свой.
пока делаю так:
js class

function VKApiLike(option){    this.option = $.extend({        apiId: '',        postId: '',        postDivId: '',        widthButtonLike: 210,        heightButtonLike: 18,        pageTitleLike: '',        pageDescriptionLike: '',        type: 'full',        pageUrl: '',        pageImage: '',        verb: 0,        onlyWidgets: true,        addButtonLike: 'tooltip-like',        likePost: 'actionBox'    },option);    this.vkInit = function(){        VK.init({            apiId: XXXXX,            onlyWidgets: true        });    };    this.addWidget = function(){        var self = this;        VK.Widgets.Like(self.option.postDivId,                {                    width: self.option.widthButtonLike,                    height: self.option.heightButtonLike,                    type: self.option.type,                    pageTitle: self.option.pageTitleLike,                    pageDescription: self.option.pageDescriptionLike,                    pageUrl: self.option.pageUrl,                    pageImage: self.option.pageImage,                    verb: self.option.verb                }, self.option.postId);    };    this.addLikePost = function(id) {        var self = this;        VK.Observer.subscribe("widgets.like.liked", function f(e)        {            console.log(id);        });    };    this.init = function(){        this.vkInit();        this.addWidget();        return this;    };    return this;

инициализация самого виджета мне нравиться

 var vkLike_1 = new VKApiLike({            postDivId: 'vk_like',            width: 210,            height: 24,            type: 'button',            pageTitle: 'Brand 2',            pageDescription: 'Brand 2 description',            pageUrl: 'http://test.test.com/1',            pageImage: '/resources/images/test1.png',            verb: 1,            postId: 321        }).init();       vkLike_1.addLikePost('321');var vkLike_2 = new VKApiLike({        postDivId: 'vk_like2',        width: 210,        height: 24,        type: 'full',        pageTitle: 'Brand 2',        pageDescription: 'Brand 2 description',        pageUrl: 'http://test.test.com/2',        pageImage: '/resources/images/test2.png',        verb: 0,        postId: 322    }).init();    vkLike_2.addLikePost('322');.........

если человек лайкнул наступает событие "widgets.like.liked" но это событие срабатывает для всех виджетов на странице

this.addLikePost = function(id) {        var self = this;        VK.Observer.subscribe("widgets.like.liked", function f(e)        {            console.log(id);        });    };

Вопрос вот в чем. 

Как мне отследить какой именно товар лайкнул юзер, (ккаой postId)?

в event приходит только количество лайков. 

 

Share this post


Link to post
Share on other sites

Сам подобными вещами не занимался, но может стоит так же передавать url товара, по которому лайкнули? Или если в url'e присутствует id товара, то достать именно его.

Share this post


Link to post
Share on other sites

Что только не пробовал передавать. Всегда возвращается количество лайков той кнопки по которой кликнули. Но невозможно понять какую именно кликнули ) 

и клик отследить не могу так как эта кнопка выводиться через iframe.

Юзать подобные методы не могу так как это доступно только для Standalone-приложениям

VK.Api.call("likes.add",            {              /*параметры*/            },            function(post_data) {                if (post_data.response) {                    self.sendAjaxPost(post_data.response.post_id,ob);                }            }        );

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

  • Similar Content

    • By .Meowmere
      Как убрать лишний отступ в сообщении вк? Мне нужно, чтоб ширина была в зависимости от текста (сообщении).

      Проверьте в кодах элемента как это сделать, я не понимаю..
      P.S. Я работаю с Stylish (темы для сайтов), хочу сделать мессенджер, как в телефоне, но этот отступ все портит..
       
    • By Eugen2k
      Доброго времени суток!
      Суть проекта: очень кратко: что-то вроде аггрегатора хостинг провайдеров. На самом деле это только звучит не особо, но по факту все намного интересней. Проект готов на 20-25%. В команде есть сильный и опытный back-end разработчик, дизайнер и маркетолог-идеолог  Но у нас демократия: каждый делится своими мыслями как сделать продукт лучше.
      Есть потенциальные клиенты, которые готовы опробовать продукт и в дальнейшем им пользоваться, покупая ежемесячную подписку.
      Главная задача: выход на минимально живой продукт. Как только мы выйдем на MVP будет понятно насколько проект коммерчески успешен или неуспешен.
      В случае успеха (когда продажи пойдут) начинаем этап привлечения инвестиций. Кандидаты-инвесторы есть.
      В случае провала - расходимся и каждый может использовать проект в качестве портфолио, так как при любом исходе им будут пользоваться.
      Кого ищем: front-end разработчик с опытом работы с:
      - React (Redux)
      - Django
      - RESTApi
      - SASS
      - Git
      Желателен опыт работы от 2-3 лет и возможность посвящать проекту хотя бы 10-12 часов в неделю.
      Условия работы:
      - доля в компании 5-10%
      - доля в компании менее 5%, но с оплатой, небольшой, так как мы еще только проверяем гипотезу и платить будем из своего кармана.
      Этот проект может быть интересен тем, кто хочет влиться в интересный проект, возглавить его и научиться чему-то новому или просто взять долю и получать с нее доход, либо продать.
      Также, тем, кому нужно интересное портфолио.
      Если есть интерес, прошу свяжитесь со мной: https://t.me/Eugen2k
    • By NOCaut
      Стала задача написать отправку писем всем контактам скайпа.
      нашел библиотеку Skype4COM. Письмо в скайп отправляется на половину, оно появляется у меня в отправленных, но светится серым, как будто готовится к отправки
       
       
  • Member Statistics

    46,451
    Total Members
    3,128
    Most Online
    rhouland
    Newest Member
    rhouland
    Joined
  • Recently Browsing   0 members

    No registered users viewing this page.

  • Спрашивают сейчас

  • Пишут сейчас

    • Вернулся в свою созданную тему через 4,5 года. )) После создания темы около года верстал заказы на фрилансе. От обычной верстки до полноценных LP и небольших сайтов. Даже один раз из своей верстки шаблон Wordpress сделал.   Потом заинтересовался другими нишами и верстку забросил. Арбитражил, занимался СЕО, даже трейдил криптовалютой больше года. Но опять потянуло в вебразработку. Пытаюсь снова все вспомнить. Мешает только основная работа - мало времени остается на своё хобби.  В общем, кому сроки не жмут и кто не боится доверится джуниору, милости просим. Сверстаю, подправлю, помогу. В свободное от работы время. Бескорыстно. Просто хочется снова покодить и не просто так, а чтобы с пользой.  Почта : zdl79@mail.ru Skype : forest19791 Телеграмм : https://t.me/forestino
    • Могу попробовать. Опыт верстки 1 год. Но в связи с основной работой, не связанной с IT, мало на это времени. zdl79@mail.ru
    • Здравствуйте, кажется я делаю что-то не так, но вот что именно никак не пойму.
      Проблема в следующем: подключаю карусель и блок становится неактивен, хотя вроде бы все должно работать как нужно.
      Пробовал подключать карусель и через cdn и через скачанный архив - результат один и тот же.
      Открывал через google, firefox и opera-у - все так же никакого сдвига.
      Подключал по инструкции на официальном сайте.
      Пробовал использовать SlickSlider, но результат тот же.
  • Popular Contributors