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