如何自定義Facebook發送按鈕？

我試圖自定義Facebook的'發送'按鈕的外觀。如何自定義Facebook發送按鈕？

我使用docs中提供的代碼生成按鈕，但是我不知道如何修改按鈕的圖像或文本。

任何人都可以給我一個例子嗎？我猜javascript是我唯一的選擇嗎？

我的代碼看起來是這樣的現在：

<fb:send href="http://www.mywebsite.com/something"></fb:send>

這產生了一個按鈕，如下所示：

enter image description here

謝謝！

來源

2012-06-19 Goles

這篇文章可以幫助http://www.business.com/b2bmarketing/create-share-buttons/ –

你可以也未嘗到的''這 –

是影響不是共享按鈕，這是我的觀點...不能相信有沒有可能的方式來定製這個？ – Goles

您無法自定義<fb:send />按鈕。但是，您可以使用FB.ui（http://developers.facebook.com/docs/reference/javascript/FB.ui/）實現相同的功能。使用send方法，例如。

FB.ui({ 
    method: 'send', 
    name: 'People Argue Just to Win', 
    link: 'http://www.nytimes.com/2011/06/15/arts/people-argue-just-to-win-scholars-assert.html', 
});

來源

2012-06-19 05:40:42 Gajus

這應該可以幫助我，謝謝Guy – Goles

當談到定製這些Facebook按鈕時，你幾乎是SOL。他們故意設計了他們的按鈕，以便您不能在Facebook提供的有限範圍之外進行更改或定製。

來源

2012-06-19 03:02:18 McGarnagle

有沒有辦法解決這個問題？也許使用發送對話框？ – Goles

它只是在您的頁面上的腳本無法訪問的iframe中。如果你使用瀏覽器擴展，你可以修改它們的外觀......或者使用FB.ui –

你總是可以創建自己的鏈接，它不過你想要的風格，然後從this list of all social sharing button links list添加鏈接 - 這個作品分享到各種社交網站的。

對於Facebook的共享鏈接，在你的鏈接的href下面的代碼使用urlencode()更換[URL]和[TITLE]與您的數據：

http://www.facebook.com/share.php?u=[URL]&title=[TITLE]

來源

2013-02-21 00:01:14 spsaucier

Facebook的發送按鈕處於iframe。如果您等待iframe加載，則可以使用$('iframe').contents()選擇其內容。所以更換文字看起來就像

$(function(){ 
    $('.fb_iframe_widget iframe').on('load', function(){ 
     $(this).contents().find('.pluginButtonLabel').text('Custom Text'); 
    }); 
});

來源

2016-12-07 06:00:25

如何自定義Facebook發送按鈕？

回答

相關問題