使用AJAX加载内容时更新Facebook类似元数据

时间:2011-09-14 14:58:52

标签: php jquery ajax facebook

我一直在寻找几天来试图找出一种干净的方式来处理Facebook元数据的更新,即:og:title,og:描述AJAX加载的文章,我一直在做空。

我在网站上有一个news.php页面我正在开发,左边有一个文章列表。当用户单击链接时,它会将相应的文章.php页面加载到右侧的div中。一切都按预期运行,并正确加载每个相应文章的内容。我在每个ajax加载的页面上包含一个带有Facebook的按钮。当用户点击其中一篇文章上的like按钮时,它会链接到news.php并加载文章。

问题是,无论用户喜欢什么文章,元数据都保持不变,这是因为Facebook抓取了news.php页面上加载的html。我的问题是,当新页面加载到现有的news.php页面时,操作元数据的最佳方法是什么?我需要为每篇文章显示相应的标题和描述,而不是在news.php页面上加载的默认数据。有什么建议?谢谢!

1 个答案:

答案 0 :(得分:0)

我们的解决方案涉及修改标题代码,因此如果将article_id作为参数发送,我们会查找数据库中的文章,以获取我们想要包含的标题和其他OG属性。这意味着当用户打开文章(并使用AJAX加载)时,属性将不会更新。但是,如果他们喜欢这篇文章和Facebook linter看(例如)www.yoursite.com/?article_id=123,那么正确的OG元数据将作为页面的一部分加载。