如何自定義我的Facebook分享按鈕

我正在嘗試在我的網站中整合Facebook分享按鈕。如何自定義我的Facebook分享按鈕

所以我得到這段代碼時，我谷歌它。

<div id="fb-root"></div> 
<script>(function(d, s, id) { 
    var js, fjs = d.getElementsByTagName(s)[0]; 
    if (d.getElementById(id)) return; 
    js = d.createElement(s); js.id = id; 
    js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=xxxxxxxx"; 
    fjs.parentNode.insertBefore(js, fjs); 
}(document, 'script', 'facebook-jssdk'));</script> 


<div class="fb-share-button" data-href="http://myhomepage.com" data-type="link"></div>

它工作正常。但我想要的是定製我的標題，摘要，圖像。

我讀了link但沒有得到如何做到這一點。

任何人都可以幫助我。

謝謝。

來源

2014-02-19 user3184286

[自定義標題，描述和圖像]的[facebook分享按鈕]的可能重複（http://stackoverflow.com/questions/5257075/facebook-share-button-with-custom-title-description-and-image） –

謝謝你的回覆。但我只想分享這樣的按鈕。有什麼辦法可以實現我的目標。任何替代方案？ – user3184286

爲了定製發佈的信息，您需要在頁面中設置Open Graph標籤。

查看的Open Graph此鏈接以獲取更多信息

https://developers.facebook.com/docs/opengraph/getting-started

這需要你建立一個Facebook應用程序，並調用了Facebook SDK

來源

2014-02-19 08:36:47 terrorfall

嘗試使用OG-元標記成頭像這樣：

<head> 
<meta property="og:image" content="your_image_url"/> 
<meta property="og:title" content="your_title"/> 
<meta property="og:description" content="your_description"/> 
</head>

就是這樣。

來源

2014-09-23 01:56:29

如何自定義我的Facebook分享按鈕

回答

相關問題