Question

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

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

当我按照文档说明时，我的链接无法呈现我在google plus中设置的所有内容，它们会显示如下：

我页面的头部看起来像这样：

<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，所以他们都不会看到你的动态og标签。

此问题的基本解决方案是：

为每个动态页面创建唯一的URL，并将此URL的动态参数保存到数据库中。
当您的用户尝试与此唯一网址共享网页时，您会找到已保存的动态参数
使用填充了找到的动态参数的og标记创建页面

Answer 2

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

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

2 个答案: