Facebook 分享按钮 og:image
Facebook share button og:image
我在 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?>">');
});
当点击 facebook 分享按钮 时，title 会根据需要更改，但 image没有改变。
我怎样才能让它在图像值上起作用
Since the page loads just once, I can assign the OG:IMAGE URL once... But I really would like to have each picture with its own OG:IMAGE, since this is a photo album.
更改 OG 元标记 client-side 没有实际用处 – 因为 Facebook 会通过它的抓取器读取这些标记，这意味着他们会为您的 URL 发出 HTTP 请求并查看其中的内容HTML代码；并且爬虫不执行任何 JavaScript.
解决方案：为每张照片提供单独的 URL 元信息 – 并让您喜欢 button/share functionality/whatever FB 功能指向每个 URL照片.
（你如何处理事情 client-side 并不重要——你仍然可以在一页中显示所有照片，通过 AJAX 加载新内容，随心所欲 – 但您 将 需要单独的 URL 照片，以便将它们识别为单独的 Open Graph 对象。）
我在 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?>">');
});
当点击 facebook 分享按钮 时，title 会根据需要更改，但 image没有改变。
我怎样才能让它在图像值上起作用
Since the page loads just once, I can assign the OG:IMAGE URL once... But I really would like to have each picture with its own OG:IMAGE, since this is a photo album.
更改 OG 元标记 client-side 没有实际用处 – 因为 Facebook 会通过它的抓取器读取这些标记，这意味着他们会为您的 URL 发出 HTTP 请求并查看其中的内容HTML代码；并且爬虫不执行任何 JavaScript.
解决方案：为每张照片提供单独的 URL 元信息 – 并让您喜欢 button/share functionality/whatever FB 功能指向每个 URL照片.
（你如何处理事情 client-side 并不重要——你仍然可以在一页中显示所有照片，通过 AJAX 加载新内容，随心所欲 – 但您 将 需要单独的 URL 照片，以便将它们识别为单独的 Open Graph 对象。）