如何自定义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发送按钮？

回答

相关问题