如何定制Facebook发送按钮?

如何定制Facebook发送按钮?,facebook,Facebook,我正在尝试自定义facebook“发送”按钮的外观 我使用中提供的代码生成按钮,但是我不知道如何修改按钮的图像或文本 谁能给我举个例子吗?我想javascript是我唯一的选择 我的代码现在看起来像这样: <fb:send href="http://www.mywebsite.com/something"></fb:send> 这将生成一个如下所示的按钮: 谢谢 在定制这些Facebook按钮方面,你几乎是个能手。他们特意设计了按钮,这样您就无法在Faceboo

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

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

谁能给我举个例子吗?我想javascript是我唯一的选择

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

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

这将生成一个如下所示的按钮:


谢谢

在定制这些Facebook按钮方面,你几乎是个能手。他们特意设计了按钮,这样您就无法在Facebook提供的有限范围之外对其进行更改或自定义。

您无法自定义
按钮。但是,您可以使用
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',
});

你可以随时创建自己的链接,并根据自己的意愿设置其样式,然后从中添加链接-这适用于各种社交网站的共享

对于Facebook的共享链接,在链接的href中使用以下代码中的
urlencode()
[URL]
[TITLE]
替换为您的数据:

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

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

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

这篇文章可能会帮助你了解一些影响
的东西,这不是一个共享按钮,这是我的观点。。。真不敢相信没有办法定制这个?有没有办法克服这个问题?可能使用Send Dialog?很简单,它们位于iFrame中,页面上的脚本无法访问这些iFrame。如果您使用浏览器扩展,您可以修改其外观…或使用FB.ui