动态更改 Facebook Like 按钮的 Open Graph 属性？答案

【问题标题】：Dynamically changing Open Graph properties for Facebook Like button?动态更改 Facebook Like 按钮的 Open Graph 属性？
【发布时间】：2012-06-18 23:41:35
【问题描述】：

我使用 jQuery PrettyPhoto 作为图片库。每个图像在图像模式的底部都有自己的类似 facebook 的按钮。我希望将喜欢的图像显示为与喜欢图像相关的“点击喜欢的用户”状态更新的缩略图。（另外，我希望标题是独一无二的，但我假设它们可以以相同的方式更改，如果有的话。）

截至目前，Facebook sn-p 似乎正在抓取加载时的图库元属性，抓取那里列出的 og:title 和 og:image 内容。每当单击新图库图像时，我都尝试动态更改这些值，但它似乎正在使用页面加载的元内容的值（这是有道理的）。

有没有办法改变 facebook 上的点赞按钮所看到的应该在“点赞”上使用的图像？每个图库图像在同一页面上动态加载，仅更改每个图像的锚值。我尝试了很多方法都没有成功，但也许有人对这个或类似的问题有一些经验。

感谢任何帮助或线索！

【问题讨论】：

标签： facebook facebook-like facebook-opengraph prettyphoto

【解决方案1】：

由于您没有提供任何示例，我检查了here。正如我所看到的，他们也使用原始按钮，因此每个图像中的 og:title 和 og:image 应该不同。除了图片，你可以在每个弹出窗口中使用 html 并把图片、你喜欢的按钮等放在那里吗？

PS：否则，你必须通过javascript动态改变画廊的标题，这不是一个很理想的情况。 Facebook 将始终寻找 og:title 来抓取数据，您不能简单地通过自定义代码来提供它。

【讨论】：

这就是我最终为了时间而做的事情。类似于你描述的东西。我将like按钮的href设置为指向gallery/1/12之类的目录，其中1和12代表PrettyPhoto Gallery和Photo ID。从那里，我有一个 apache 重写设置，将 1 和 12 传递到包含特定 Open Graph 属性的 gallery.php 页面：标题、url 和图像。这样，facebook 就共享了该页面的 OG。 og:url 也设置为此页面，但在页面加载时，它会重定向到实际有效的画廊 url。有点草率，但它可以满足我的需要。