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

时间:2015-02-16 15:28:04

标签: ajax facebook image share title

这个问题存在于不同的版本中,但不适用于AJAX页面。

我使用AJAX将单个视频拖入我的页面,我想要一个自定义的FB共享按钮。到目前为止,我所阅读的所有内容都表明,FB会从页面中的元标记中提取所需的标题和图像< s<头>部分(og:图像和og:标题)。

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

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

丹科!

1 个答案:

答案 0 :(得分:2)

您需要为要共享的每条内容提供单独的网址。 Open Graph对象(以及简单的共享链接“自动变为”)由其URL(og:url)标识。

现在,如果您的整个页面都是基于AJAX构建的,那么您仍然需要以某种方式创建这样的单个URL - Facebook刮刀工具不会“说”JavaScript,并且仅依赖于服务器为任何URL提供的OG元信息请求。

由于URL的哈希部分只是客户端的相关性(甚至没有发送到服务器),“典型的”AJAX URL依赖于这些URL告诉客户端要加载哪个内容。背景在这里不好。

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