Question

我有一个页面，我需要有大约3个Facebook赞按钮。

他们都喜欢不同的网址。

如何为每个Like按钮选择不同的个人资料图片（将在Facebook上显示一个）。

任何帮助？

Answer 1

其他网页上相似按钮的缩略图由另一个网址上的og.image设置。

所以，如果您喜欢example.com/puppies，无论您身在何处，FB都会使用该网址中的OG数据。

来自http://ogp.me/

要将网页转换为图形对象，您需要向网页添加基本元数据。我们在RDFa上建立了协议的初始版本，这意味着您将在网页中添加其他标签。每个页面所需的四个属性是：

og：title - 对象的标题应该出现在图表中，例如“The Rock”。

og：type - 对象的类型，例如“video.movie”。根据您指定的类型，可能还需要其他属性。

og：image - 应该在图表中表示对象的图像URL。

og：url - 您的对象的规范网址，将用作图表中的永久ID，例如“http://www.imdb.com/title/tt0117500/”。

Answer 2

最后，我以自己的方式解决了问题。

我做的是......

传递一个额外的参数以及要被喜欢的网址。参数包含该链接的唯一标识符。
检查该页面的每个请求的参数。如果找到，则相应地设置元标记。

Answer 3

示例代码：

<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=xxxxxxxxx";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<div class="fb-like" data-href="http://www.example1.com" data-send="false" data-width="450" data-show-faces="true"></div>

<div class="fb-like" data-href="http://www.example2.com" data-send="false" data-width="450" data-show-faces="true"></div>

<div class="fb-like" data-href="http://www.example3.com" data-send="false" data-width="450" data-show-faces="true"></div>

Facebook多个像单个页面上的按钮

3 个答案: