目前Facebook喜欢(分享)一页

时间:2016-12-08 10:45:59

标签: .net facebook model-view-controller google-plus

我的网站包含一个搜索结果页面,其中显示了搜索到的地点(比如酒店)的基本信息:

  • 放置1:
  • 地址YYY
  • 可用性3
  • 价格:999 $
  • 放置2:
  • 地址YXV
  • 可用性1
  • 价格:99 $

点击某个地点会显示详细的信息页面。 在详细的信息页面中,有用户点击的Facebook赞和G +按钮(以及有关该地方到目前为止有多少喜欢的信息也会显示)。

我的问题是: 我是否可以从搜索页面中每个相应位置的详细信息页面显示(仅显示并且不允许点击)喜欢的数量。

想要的结果是:

  • 放置1:
  • 667喜欢,23 G + < -this来自Place 1详细信息页面的信息
  • 地址YYY
  • 可用性3
  • 价格:999 $
  • 放置2:
  • 777喜欢,44 G + < -this来自Place 2详细信息页面的信息
  • 地址YXV
  • 可用性1
  • 价格:99 $

我是在VS,.NET MVC中开发的。

我很欣赏详细的答案。

日Thnx。

1 个答案:

答案 0 :(得分:0)

我无法找到完整问题的完整答案(在MVC中工作)所以我发布的解决方案顺便说一下。

视图渲染外部div,每个地方一个包含一些数据。每次潜水实际上都是一种形式。我将输入和计数器div放在外部:

<div>
  <input class="likes1" type="hidden" id="institueId" value="SpecificPlaceUrl" data-link="" />
  <div class="likes2" id=@resultsId>
  </div>
</div>

然后这个函数countFacebookLikes,应该优先推迟到页面完全加载,循环遍历div

function countFacebookLikes() {
    $('.likes2').each(function () {
        var $currentForm = $(this).closest('.enterFormClass');
        var token = 'yyyyyyyyyyy|xxxxxxxxxxxx',
            resultsId = $('.likes1',$currentForm).val(),
            urlName = resultsId;

        $.ajax({
            url: 'https://graph.facebook.com/v2.7',
            dataType: 'jsonp',
            type: 'GET',
            data: { access_token: token, id: urlName },
            success: function (data) {
                if (data !=undefined && data.share != undefined)
                {
                    $('#results' + resultsId).html('<span class="YourRelevantClasses" style="YourRelevantStyles">' + data.share.share_count + '&nbsp;&nbsp;' + '<i class="fa fa-thumbs-up">' + '&nbsp;&nbsp;' + '<i class="fa fa-facebook-square" >' + '</span>');
                }
            }
        });
    });
};

1)可以将Facebook数据参数更改为他/她想要计算的任何内容 - 总计,股票等。

2)对于多个网址,在stackoverflow和其他地方使用https://graph.facebook.com/?ids=url1,url2等有q&amp; a这可能对某些人有用,但对我而言,由于网址数量和工作量大,它无法正常工作用于每次重建特定的url字符串。