facebook - 如何自定义 Facebook 发送按钮？

Question

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

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

谁能给我一个例子？我想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

您始终可以根据需要创建自己的链接和样式，然后从所有社交共享按钮链接列表的列表中添加链接- 这适用于共享到各种社交网站。

对于 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');
    });
});