jquery - Facebook 分享按钮 og :image

标签 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?>">');
});

当点击Facebook分享按钮时,标题会根据需要更改,但图像不会更改。

如何使其适用于图像值

最佳答案

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 元标记没有实际用处 - 因为 Facebook 将通过其抓取工具读取这些标记,这意味着他们将对您的 URL 执行 HTTP 请求并查看 HTML 代码中的内容;并且抓取工具不执行任何 JavaScript。

解决方案:为每张照片提供一个单独的 URL,并包含其自己的元信息 - 并让您的“赞”按钮/分享功能/任何 FB 功能指向每张照片的该 URL。

(客户端如何处理事情并不重要 - 您仍然可以在一页中显示所有照片,通过 AJAX 加载新内容,无论您喜欢什么 - 但您都会 您的照片需要单独的 URL,以便将它们识别为单独的开放图谱对象。)

关于jquery - Facebook 分享按钮 og :image,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42132171/

相关文章:

javascript - 如何修改 PHP/Jquery/Ajax 脚本以拥有多个表单字段

php - 使用选择框动态创建行使用php在mysql中选择多个值

javascript - 图像弹出在一个稳定的位置

javascript - 将 facebook App ID 嵌入到 UI javascript 代码中是否安全?

ios - 如何在应用程序之间共享数据?

javascript - 如何删除淡入?

安卓 Facebook SDK SSO "the page you requested cannot be displayed"

javascript - HTML 让元素在 div 的左、中、右浮动

android从 Assets 文件夹中共享图像

java - FacebookSdk 尝试在空对象引用上调用虚拟方法 'android.view.View android.view.View.findViewById(int)'