使用jQuery单击更改OG:IMAGE的值

Question

我只是用一个HTML页面构建一个图像组合,其中所有图片都是动态加载的.到目前为止一切都很好,除了facebook META OG:IMAGE.

由于页面只加载一次,我可以分配一次OG:IMAGE URL ...但我真的希望每张图片都有自己的OG:IMAGE,因为这是一个相册.

通过单击--li class ="open-pic" - 标记来加载图片.每次我点击--li class ="open-pic" - 标签时,我想更改OG:IMAGE值.

可能吗？我找到了这样的东西:

$('meta[name=og\\:image]').attr('content', newImageUrl);

但是,我不知道如何将其链接到li.open-pic onclick事件.谢谢!

G.

Answer 1

由于页面只加载一次,我可以分配一次OG:IMAGE URL ...但我真的希望每张图片都有自己的OG:IMAGE,因为这是一个相册.

更改OG元标记客户端没有实际用途 - 因为Facebook将通过它的刮刀读取这些标记,这意味着他们将对您的URL执行HTTP请求并查看HTML代码中的内容; 并且刮刀不执行任何JavaScript.

解决方案:为每张照片提供单独的URL及其自己的元信息 - 并为您的每张照片添加相似的按钮/共享功能/任何FB功能指向该URL.

(你如何处理事情的客户端并不重要-你仍然可以显示所有的照片在一个页面,通过AJAX,不管你喜欢加载新的内容-但你将需要为你的照片有专门的网址他们被认定为个人开放图形对象.)

Answer 2

$('li.open-pic').click(function(){
 $('meta[name=og\\:image]').attr('content', newImageUrl);
});