我有一个动态构建的网页,我正在尝试获取在 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);
数据取自从 ajax 调用中读取的 json。我不能动态地执行此操作吗?
最佳答案
我认为这个问题类似于 Generating Open Graph meta tags dynamically .你的问题的主要原因是 google+ 和 facebook 不会执行你的 javascript,所以他们都不会看到你的动态 og 标签。
这个问题的基本解决方案是:
- 为每个动态页面创建唯一的 url,并将此 url 的动态参数保存到数据库中。
- 当您的用户尝试使用此唯一 url 共享页面时,您会发现已保存的动态参数
- 使用 og 标签创建页面,其中填充找到的动态参数
关于javascript - 带有开放图谱协议(protocol)的 Google+ 片段,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35569219/