Google+ 带有开放图谱协议的片段

Question

我有一个动态构建的网页，我正在尝试获取在 Google+ 上共享的链接以显示片段并看起来不错，可以在此处找到文章呈现和文档的示例片段：

https://developers.google.com/+/web/snippet/article-rendering

当我按照文档进行操作时，我的链接不会呈现我在 google 中设置的所有内容，而且它们显示如下：

我页面的头部是这样的：

<head>
<div id="replaceGoogle"></div>
</head>

在我的 javascript 中，我有这个可以在生成后插入打开的图表标签：

//replace google
        var google = '<meta property="og:type" content="article" /><meta itemprop="og:headline" content="'+ data[0].name+'" /> <meta itemprop="og:description" content="View beer on Beer Portfolio" /> <meta property="og:image" content="'+ data[0].icon +'" />';
        $("#replaceGoogle").replaceWith(google);

数据取自 json 从 ajax 调用中读入。我不能动态执行此操作吗？

Answer 1

我认为这个问题类似于 Generating Open Graph meta tags dynamically。你的问题的主要原因是 google+ 和 facebook 不会执行你的 javascript 所以 none 他们会看到你的动态 og 标签。

这个问题的基本解决方法是：

为每个动态页面创建唯一的 url 并将此 url 的动态参数保存到数据库中。
当您的用户尝试与此独特的 url 共享页面时，您会发现已保存的动态参数
使用 og 标签创建页面，其中填充找到的动态参数

Answer 2

使用服务器端脚本（在评论中询问详细信息）

Google+ 带有开放图谱协议的片段

Google+ Snippet with Open Graph Protocol

javascript

html

ajax

google-plus

facebook-opengraph