2013-03-22 118 views
0

我正在使用JavaScript代码在我的网站上介绍Facebook分享按钮。当我点击这个按钮时,会像往常一样弹出一个窗口,但选择的缩略图是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> 
+0

尝试将您的徽标放在一个真实图片标记中,并将fb一个放入css bg – r043v 2013-03-22 11:19:06

回答

2

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

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

有关更多信息Facebook Meta tags

+0

我无法找到问题,metatag无法正常工作 - 而且我正在疯狂。 – 2013-03-22 12:28:41

+0

@FarigSadeque也许这是因为Facebook有你的网页在其缓存中。尝试Facebook调试器(http://goo.gl/K9H1l)。粘贴您的网站地址并点击调试。你看到你放在元标记中的图像了吗?有没有错误? – 2013-03-23 20:30:58

1

正如Clement所述,您应该为您的页面设置一个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文件。