AJAX 结果上 Facebook 分享按钮的自定义标题和图片

Custom title and image for Facebook share button on AJAX result

这个问题以不同的方式存在,但不适用于 AJAX 页。

我使用 AJAX 将单个视频拉入我的页面,我想要一个自定义的 FB 共享按钮。到目前为止我读到的所有内容都说 FB 从页面的 部分的 meta-tags 中提取所需的标题和图像(og:image 和 og:title)。

我尝试在 AJAX 调用 returns 时更改元属性,然后再呈现共享按钮。这没有用。它使用初始页面加载时存在的值。我还没有遇到这个问题的单一答案。

是否可以将数据属性添加到 'fb-like' div 以指定自定义标题和图像(类似于 data-href)?

蛋客!

您需要为每个要分享的内容单独 URL。 Open Graph 对象(以及简单的共享链接自动“变成”这样的对象)由它们的 URL (og:url) 标识。

现在,如果您的整个页面都建立在 AJAX 上,您仍然需要以某种方式创建这样的个人 URL——Facebook 抓取工具不会“说话”JavaScript,并且完全依赖服务器为它请求的任何 URL 提供的 OG 元信息。

由于 URL 的散列部分仅与客户端相关(甚至不会发送到服务器),“典型”AJAX URL靠那些告诉客户端在后台加载哪些内容在这里是行不通的。

因此,如果您想将两段内容(视频)共享为 http://www.example.com/?v=vid1http://www.example.com/?v=vid2,那么您必须确保您的服务器为每个视频提供其各自下的元数据URL.