Facebook分享按钮og:图片

时间:2017-02-09 09:00:14

标签: jquery facebook share facebook-social-plugins

我正在使用 CMS ,我无法使用默认的元值来处理

我添加了 addthis 分享按钮。 然后我使用 jquery 来更改元值,如下所示

$(document).ready(function(e) {
$('meta[property="og:title"]').remove();
$('head').append('<meta property="og:title" content="<?=$title?>">');
$('meta[property="og:image"]').remove();
$('head').append('<meta property="og:image" content="<?=$image?>">');
});

点击脸谱分享按钮时,标题会根据需要进行更改,但图片不会更改。

如何使其适用于图像值

1 个答案:

答案 0 :(得分:3)

  

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

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

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

(你如何处理客户端并不重要 - 你仍然可以在一个页面中显示所有照片,通过AJAX加载新内容,无论你喜欢什么 - 但你会< / em>需要单独的照片网址才能将其识别为单独的Open Graph对象。)