jquery - 更改 OG :IMAGE with jQuery click 的值

Question

我只是用一个 HTML 页面构建了一个图像组合，其中所有图片都是动态加载的。到目前为止，除了 facebook META OG:IMAGE 之外，一切都运行良好。

由于页面仅加载一次，因此我可以分配 OG:IMAGE URL 一次...但我真的很想让每张照片都有自己的 OG:IMAGE，因为这是一本相册。

通过单击 --li class="open-pic"-- 标签加载图片。我想每次单击 --li class="open-pic"-- 标记时更改 OG:IMAGE 值。

这可能吗？我发现了这样的东西:

$('meta[name=og\\:image]').attr('content', newImageUrl);

但是，我不知道如何将其链接到 li.open-pic onclick 事件。谢谢!

G.

Answer 1

Since the page loads just once, I can assign the OG:IMAGE URL once... But I really would like to have each picture with its own OG:IMAGE, since this is a photo album.

在客户端更改 OG 元标记没有实际用处 - 因为 Facebook 将通过其抓取工具读取这些标记，这意味着他们将对您的 URL 执行 HTTP 请求并查看 HTML 代码中的内容；并且抓取工具不执行任何 JavaScript。

解决方案:为每张照片提供一个单独的 URL，并包含其自己的元信息 - 并让您的“赞”按钮/分享功能/任何 FB 功能指向每张照片的该 URL。

(客户端如何处理事情并不重要 - 您仍然可以在一页中显示所有照片，通过 AJAX 加载新内容，无论您喜欢什么 - 但您都会 您的照片需要单独的 URL，以便将它们识别为单独的开放图谱对象。)