加载页面后添加Open Graph元标记,用于Facebook Share按钮

时间:2013-07-24 07:05:05

标签: php wordpress facebook-graph-api

我必须为页面指定缩略图:

<meta property="og:image" content="http://example.com/example.png" />

但是,由于该网站是WordPress网站,因此在加载正文时会加载缩略图的信息(它是一个WordPress页面)。因此,我使用以下JS来添加标记(受此question启发):

<script>
$('head').append('<meta property="og:image" content="http://example.com/example.png" />');
</script>

标记已成功添加到<head>,但点击“Facebook分享”按钮后,缩略图不会显示。 Facebook按钮只评估原始源代码而不是修改后的源代码吗?

如果是,我该怎么办才能显示Facebook Share按钮的缩略图?

仅供参考,这是Facebook分享按钮代码:

<fb:share-button type="button_count" href="http://example.com"></fb:share-button>

1 个答案:

答案 0 :(得分:1)

我认为这是不可能的,因为JS代码没有被执行。见How does Facebook Sharer select Images and other metadata when sharing my URL?

  

我可以使用Javascript或jQuery等客户端代码更新这些元标记吗?不是。很像搜索引擎抓取工具,Facebook   刮刀不执行脚本,因此存在任何元标记   下载页面时是用于图像的元标记   选择。