我想把一个类似Facebook的按钮放到网站上。
它位于图像存档页面上。
图像存档通过jquery $.post()
函数动态加载。
存档由图像网格和单个图像视图组成。
当您单击网格中的图像时,会将更大的版本加载到单个图像视图中。现在我想提供一个类似Facebook的按钮来分享网站,并且缩略图应该显示所选图像。
具有属性og:image的元标记如下所示
<meta id="active-image" property="og:image" content="http://mysite.com/default_image.jpg" />
当有人点击网格中的图片时,元标记的内容属性会在单个视图中更改为当前图片的网址。
$('#active-image').attr('content','http://mysite.com/detail_image.jpg');
作为我使用的类似按钮的href
<a target="_blank" href="http://www.facebook.com/sharer.php?u=http://mysite.com">Facebook</a>
问题是弹出式facebook窗口提供的缩略图不是所选的缩略图。
是因为页面必须按照此处faceboook: like plugin 所述进行“刮擦”
有人有使用jquery动态更改og:image属性的经验。 有可能吗?
的问候, 彼得
答案 0 :(得分:2)
有人有使用jquery动态更改og:image属性的经验。有可能吗?
我有尝试使用jQuery更改og meta标签的经验,但是,它不会工作。 Facebook linter之所以只查看响应中的HTML并且不运行任何脚本。因此,您的网络服务器代码需要以足够智能的方式进行编程,以便为Facebook提供正确的og元标记。