在一页中显示 Facebook 喜欢（分享）答案

【问题标题】：Present Facebook likes (shares) in one page在一页中显示 Facebook 喜欢（分享）
【发布时间】：2016-12-08 10:45:59
【问题描述】：

我的网站包含一个搜索结果页面，其中显示了有关搜索地点（例如酒店）的基本信息：

地点 1：
地址 YYY
可用性 3
价格：999 美元

地点 2：
地址 YXV
可用性 1
价格：99 美元

等等

点击一个地方会呈现一个详细的信息页面。在详细信息页面中，用户可以点击 Facebook Like 和 G+ 按钮（还显示了该地点到目前为止获得了多少赞的信息）。

我的问题是：我可以在搜索页面的详细信息页面中显示（仅显示，不允许点击）每个地方的点赞数吗？

想要的结果是：

地点 1：
667 个赞，23 个 G+
地址 YYY
可用性 3
价格：999 美元

地点 2：
777 个赞，44 个 G+
地址 YXV
可用性 1
价格：99 美元

我在 VS、.NET MVC 中开发。

希望得到详细的答复。

谢谢。

【问题讨论】：

由于这看起来（至少在我看来）不像您在询问之前自己进行了任何适当的研究，我建议您从 google.com/… 之类的东西开始
@CBroe 不幸的是，尽管我事先进行了研究，但我无法为我的具体问题找到完整的答案。像您这样的“答案”没有帮助，我想它阻止了其他人发表评论。

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

【解决方案1】：

我找不到 EXACT 问题的完整答案（在 MVC 中工作），所以我发布了我的解决方案，顺便说一下效果很好。

View 呈现外部 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) 对于多个 url，stackoverflow 和其他使用 https://graph.facebook.com/?ids=url1,url2 等的地方有问答。这可能对某些人有用，但对我来说，由于大量 url 和重建特定 url 的工作，它不起作用每次都是字符串。

【讨论】：