使用 jquery 动态设置 Meta Tag

Question

我正在使用Codeigniter框架为PHP应用程序工作。 我必须创建一个Facebook页面共享链接。 为此，我正在尝试动态设置元标记。

我必须动态设置标题，描述和图像URL。

我使用以下代码在头部部分设置元标记

<meta property="og:image" content="http://some path/11.jpg"/>
	<meta property="og:image:secure_url" content="http://somepath/callHealthCondDesc?id=1" />
	<meta property="og:title" content="TITLE" /> 
	<meta property="og:description" content="DESCRIPTION" />

之后在就绪部分中动态设置元标记

  $(this).ready(function() {
$('meta[name=og\:title]').attr('content', 'new title');
$('meta[name=og\:description]').attr('content', 'new description');
$('meta[name=og\:image]').attr('content', 'http://new image url');
}

但它没有使用 new 参数动态构造页面。

我检查了一些类似的帖子

但无法为我找到工作解决方案。

我不清楚我哪里做错了。 请指导我解决问题

Answer 1

正如我回答这个问题时，即使不是你的确切情况，你也不能通过 js 或其他客户端站点方式动态编辑 OG 元，Facebook 将始终使用原始的 html OG 元。

案例1

如果您

使用的是php并且想要使它们动态化，则可以选择类似于2）的解决方案，在加载页面时更改服务器端的OG元（我认为有不同的方式，如果您只有少数情况，url中的参数可以工作）

---

案例2

您可以尝试"源"对话框共享，您可以在其中选择共享参数。您不再链接到 OG 元，但无论如何您都可以将它们设置为使用，以防某些用户以其他方式共享页面。