使用JQuery更改Facebook meta标签内容属性

Question

我想知道如何使用JQuery来替换我的Facebook meta标签的内容属性。

我搜索了StackOverflow，我找到的是这个例子：

$("meta[property=og:title]").attr("content", title);
$("meta[property=og:url]").attr("content", url);

在我的代码中，我有以下meta标签：

<meta property="og:title" content="some content"/>
<meta property="og:url" content="some content"/>
<meta property="og:site_name" content="some content"/>

当我运行应该更改“title”和“url”变量的内容的函数时，更改没有发生。“content”的相同值仍然保持不变。

如果可能的话，我想知道如何使用JQuery来改变Facebook的meta标签的值。

Answer 1

使用jQuery更改元标签是绝对可能的，但我认为这不会实现你想要的，因为元标签是由FB刮刀拉取的。FB抓取器会抓取你的页面来读取meta标签。

编辑元标签

您可以通过更新页面的标记来更新页面的属性。注意，og:title和og:type最初只能编辑--当你的页面收到50个赞后，标题就会变得固定，而当你的页面收到10,000个赞后，类型就会变得固定。这些属性已修复，以避免已喜欢该页面的用户感到惊讶。达到这些限制后更改标题或类型标记将不起任何作用，您的页面将保留原始标题和类型。

为了让更改反映在Facebook上，您必须强制抓取页面。当页面管理员单击Like按钮或在Facebook URL Linter中输入URL时，页面将被抓取。你可以通过卷曲linter来以编程方式强制你的页面被抓取。例如..。

https://developers.facebook.com/docs/opengraph/

Answer 2

这就是我的工作原理：

$('meta[name=og\\:url]').attr('content', newVideoUrl);

请注意双反斜杠，如果没有双反斜杠，Jquery将失败并返回错误。

Answer 3

Facebook的scraper 不会执行JavaScript。

因此，使用Javascript来修改元标记以显示不同的共享内容是行不通的。

您需要使用服务器端代码在HTML源代码中根据需要将它们写出来。