2

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

他们都喜欢不同的网址。

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

有什么帮助吗？

4

3 回答 3

0

其他页面的类似按钮的缩略图由其他 url 上的 og.image 设置。

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

来自http://ogp.me/

要将您的网页变成图形对象，您需要将基本元数据添加到您的页面。我们基于 RDFa 协议的初始版本，这意味着您将在您的网页中放置额外的标签。每个页面的四个必需属性是：

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

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

og:image - 应在图中表示您的对象的图像 URL。

og:url - 对象的规范 URL，将在图中用作其永久 ID，例如“http://www.imdb.com/title/tt0117500/”。

于 2012-10-24T10:18:57.353 回答
0

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

我所做的是...

  1. 传递一个额外的参数以及要喜欢的 url。该参数包含该链接的唯一标识符。

  2. 检查该页面的每个请求上的参数。如果找到，则相应地设置元标记。

于 2013-03-13T12:49:26.903 回答
-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>
于 2012-10-25T13:43:53.457 回答