如何自定义Facebook发送按钮？

Question

我正在尝试自定义Facebook“发送”按钮的外观。

我使用docs中提供的代码生成按钮，但是我不知道如何修改按钮的图像或文本？

有人能举个例子吗？我想javascript是我唯一的选择吗？

我的代码现在看起来像这样：

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

这会生成一个如下所示的按钮：

谢谢！

Answer 1

您无法自定义<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',
});

Answer 2

您可以随时创建自己的链接并根据需要设置样式，然后添加this list of all social sharing button links list中的链接 - 这适用于与各种社交网站共享。

对于Facebook的分享链接，请使用链接href中的以下代码中的[URL]将[TITLE]和urlencode()替换为您的数据：

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

Answer 3

在自定义这些Facebook按钮时，你几乎是SOL。他们故意设计了按钮，使您无法在Facebook提供的有限范围之外更改或自定义按钮。

Answer 4

Facebook的发送按钮位于iframe。如果您等待加载iframe，则可以使用$('iframe').contents()选择其内容。所以替换文本看起来像

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