为AJAX结果上的Facebook分享按钮定制标题和图像

2018-06-23 00:24:47

这个问题存在不同的风格，但不适用于AJAX页面。

我使用AJAX将一个视频拖入我的页面，我想要一个自定义的FB分享按钮。到目前为止，我读过的所有内容都表明，FB从页面的<head>部分（og：image和og：title）中的元标签中提取所需的标题和图像。

我试图在AJAX调用返回时，在呈现共享按钮之前更改元属性。这没有奏效。它使用初始页面加载时存在的值。我还没有遇到这个问题的单一答案。

是否有数据属性可以添加到“fb-like”div来指定自定义标题和图像（类似于data-href）？

丹科！

您需要为要分享的每一个内容片段提供一个单独的URL。开放图形对象（和简单的共享链接“自动变成”）通过它们的URL（ og:url ）来标识。

现在，如果您的整个页面基于AJAX构建，您仍然需要以某种方式创建此类单个URL - Facebook刮板工具不会“说出”JavaScript，并完全依赖服务器为其请求的任何URL提供的OG元信息。

由于URL的哈希部分只与客户端相关（并且甚至不会发送到服务器），所以依赖于那些告知客户端在后台加载哪些内容的“典型”AJAX URL是否为这里很好。

所以如果你想分享两个内容（视频）作为http://www.example.com/?v=vid1和http://www.example.com/?v=vid2 ，那么你必须确保您的服务器会为其各自的URL下的每个视频提供元数据。

链接地址: http://www.djcxy.com/p/64545.html