在我的网站上分享Facebook

Question

我正在使用javascript代码在我的网站上引入一个facebook分享按钮。当我点击这个按钮时，一个弹出窗口照常出现，但选择的缩略图是facebook徽标缩略图。我想展示我的徽标而不是facebook的徽标。有人能帮上忙吗？

这是我的脚本。

<script>function fbs_click() {
u=location.href;
t=document.title;
window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent(u)+'&t='+encodeURIComponent(t),'sharer','toolbar=0,status=0,width=626,height=436');
return false;
}
</script>

Answer 1

你需要给你的页面添加一个og:image元标签。

<meta property="og:image" content="http://yoursite.com/thumb.jpg"/>

有关Facebook Meta tags的更多信息。

Answer 2

ya，Code of logo 你可以使用这个链接作为你的参考，这肯定会有帮助。

Answer 3

正如克莱门特所描述的，你应该为你的页面设置一个og:image元标签，这样所有的元数据爬虫都可以检索图像。

但是，如果在FB JS SDK中使用FB.ui方法，则可以直接指定元数据：

FB.ui({
    method: 'feed',
    link: 'http://www.yoururl.com/',
    picture: 'http://www.yoururl.com/img/yourimg.png',
    name: 'Your Site',
    caption: '',
    description: ''
});

这种分享方式比直接打开一个新窗口进入旧的Facebook sharer.php要灵活得多。

您可能不想使用此方法的唯一原因是避免从FB加载额外的JS文件。