我可以动态地附加一个og标记并渲染它吗

Can I dynamically append an og tag and render it?

本文关键字：og 一个 动态 我可以      更新时间：2023-09-26

我正在尝试创建一个到我的网站和facebook的链接，并在上面添加一些元数据！我的目标是管理这些数据：

<meta property="og:title" content="MY_PAGE_TITLE" /> 
<meta property="og:description" content="MY_DESCRIPTION_TEXT" />

不幸的是，我的web应用程序（在PHP上）结构不好，而且我还没有定义正确的MVC！这是非常过程化的，所以我应该放在这些元标签上的信息是在呈现主html标题部分之后从数据库中提取的。

所以，我尝试的是：

<script type="text/javascript">
    $('head').append("<meta property='"og:title'" content='"MY_PAGE_TITLE'" />");
    $('head').append("<meta property='"og:description'" content='"MY_DESCRIPTION_TEXT'" />");
</script>
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/it_IT/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<fb:like href="<?=$_SERVER["SERVER_NAME"].$_SERVER["REQUEST_URI"]?>" send="false" layout="button_count" width="130" show_faces="false"></fb:like>

但事实上，它不起作用！我的意思是，在头上附加元标签，然后尝试渲染它。

你知道一些策略吗？我会避免直接在标题上插入它们，因为正如我所说，我想插入的文本是在标题部分后面（由于网站的组织错误）。

我相信另一个解决方案，希望你知道一个！

悲伤，但没有其他方法，只能改变你的结构。即使使用javascript也无法处理og:标记的原因是facebook没有呈现javascript。它只是请求页面并从顶部读取OG标签，就像静态HTML一样

您唯一的选择是更改结构并在输出之前加载内容。你不需要为此更改为MVC，只需在头部之前加载你的内容就会为你节省大量的工作，而且仍然有效。。。

相关文章：