2013-03-22 120 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文件。