Question

我正在尝试建立一个链接到我的网站和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>

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

你知道一些策略吗？我会避免直接插入头部的选项，因为正如我所说，我想插入的文字是在头部之后（由于网站的组织错误）。

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

Answer 1

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

您唯一的选择是在输出之前更改结构并加载内容。你不需要改为MVC，在你的内容加载你的内容之前，你可以节省大量的工作并且仍在工作......

我可以动态附加og标记并进行渲染吗？

1 个答案: