javascript - 每个项目的 Facebook Like 按钮？

Question

我有 Facebook iframe 应用程序，我在其中使用 JSON 提取内容并将其表示在具有搜索条件的列表中。

在项目上单击新内容显示在同一页面上(使用 ajax)，该页面显示有关项目的更多信息。我想为每个点击的项目添加一个 LIKE 按钮。

但它必须是不同的 URL，这样我才能将它发布到我的 FB 墙上。因此，当我从墙上的“赞”按钮查看链接时，它会将我重定向到该特殊项目。

这里有几个问题:

1) 如何为每个项目定义 Like 按钮？

<div class="fb-like" data-href="LINK FOR LIKE BUTTON" data-send="true" data-layout="button_count" data-width="450" data-show-faces="true" data-colorscheme="dark"></div>

这里是 LIKE 按钮，我需要为每个项目指定不同的 data-href。

2) 我需要向 url 发送一些参数。假设单击项目时，我应该将项目 ID 发送到 URL。现在我可以将项目 ID 发送到我的 URL，但它只是在我的 iframe 中执行——而不是在 facebook URL 中。我该怎么做？

我认为第二个问题可以回答我的第一个问题。

编辑:我正在使用 jQuery 执行此操作。

编辑2:所以，我在我的网站上使用 jquery，用 JSON 提取内容并用 html 和 jquery 表示它，我有，它都是同一个页面，但是在点击时我 Conceal 了一些内容并显示了另一个，所以我的主要内容是一个列表项目，点击项目我 Conceal 主要内容，我显示项目信息内容

所以，它都是一个页面，所以它具有相同的 URL(主要内容、项目内容...都是相同的 URL)

所以为了为每个项目添加 LIKE 按钮，我需要在这些项目之间做出区分，所以我这样做了

'window.location.href=window.location.href + "#id=" + propertyid;' 

所以现在，每个项目都有自己的 URL，这是我手动完成的，所以现在每个项目都有自己的 URL，我可以将其用于 LIKE 按钮

但是，当我提醒这个新的 window.location.href 似乎没问题时，我得到了这个包含 #id=12345 的新位置，但是当我尝试将该位置发送到 LIKE 按钮 data-href 时，它总是只是主要位置，没有这个新部分包括项目 ID #id=12345

Answer 1

是的，您可以为动态创建的屏幕内容(例如 Ajax 弹出窗口)上显示的“项目”创建 FB Like 按钮。

问题:

单个项目 urlFB 要求为每个可以点赞的项目提供一个“社交图端点”。所以你还需要支持一个只返回“项目”的 url。这是单个项目的 url。如果 FB 查看者想要了解有关该项目的更多信息，这也是他们将点击的 url。

示例:页面显示文章列表。每篇文章旁边都有一个单独的“赞”按钮。当一个人“喜欢”文章 B 时，它会显示在他们的 FB 流中。当他们点击信息流中的“文章 B”时，它应该会转到一个只显示文章 B 的页面。

此外，Facebook 会查询文章 B 的 url 以获得单个项目(图像、分类等)的 FB 元 header 。

解析 FB 项目的新 dom 根据您使用哪种方法添加 FB 等按钮等，您可能需要告诉 FB 显式(重新)解析 dom 的新部分您刚刚添加了动态内容。 (您的弹出窗口。)

既然您知道将弹出窗口添加到的元素，就没有必要告诉 FB 重新解析您的整个 dom。告诉他们从你新添加/更改的元素的开头开始解析:

我使用的代码:

if (event_data) { // event_data was received, show it
  panel.setBody(event_data); // set the pop-up's body
  if (!this.ie && typeof(FB) != "undefined" && FB.XFBML)
    {FB.XFBML.parse(this.panel_el);} // Parse FaceBook markup
....

来自 FB 的文档:

• http://developers.facebook.com/docs/reference/plugins/like/
• http://developers.facebook.com/docs/opengraph/
• http://ogp.me/ # 关于“Open Graph Protocol”的 FB 站点