我正在开发一个非营利网站,并尝试与 Facebook 集成。 该应用程序似乎运行良好,单点登录运行良好,甚至使用 javascript sdk 的自定义“发布到墙”功能也运行良好。 然而,当人们点击“喜欢”按钮时,添加一张照片来代表该实体以及默认文本以外的任何内容是行不通的。
更糟糕的是,有一些我个人从未真正见过的幽灵文本(除了文本框本身)在发布并将文本框留空时进入对话框。
这里的文档不足: https://developers.facebook.com/docs/reference/plugins/like/
Open Graph API 标签也没有执行任何操作。
如果您“喜欢”“喜欢按钮”,您会发现他们的示例正是我想要实现的目标。 有一张照片和一些关于该按钮的说明。 可以在其他网站上执行此操作吗?
我自己也为此付出了很多努力,但我发现通过将页面的 URL 放入 Facebook 的调试器,可以在单击共享按钮时显示正确的图像、文本等。
将这些标签添加到您页面的标签中。
<html xmlns:og="http://ogp.me/ns#">
<head>
<meta property="og:title" content="insert your title here"/>
<meta property="og:type" content="website"/>
<meta property="og:url" content="http://www.example.com/foo/"/>
<meta property="og:image" content="http://www.example.com/images/example.jpg"/>
<meta property="og:site_name" content="A human-readable name for your site">
<meta property="og:description" content="A one to two sentence description of your page">
</head>
</html>