8

Facebookの「送信」ボタンの外観をカスタマイズしようとしています。

ドキュメントで提供されているコードを使用してボタンを生成しますが、ボタンの画像またはテキストを変更する方法がわかりません。

誰かが私に例を教えてもらえますか？私はここでjavascriptが私の唯一のオプションだと思いますか？

私のコードは今このようになっています：

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

これにより、次のようなボタンが生成されます。

ここに画像の説明を入力してください

ありがとう！

4

4 に答える 4

16

<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-19T05:40:42.757 に答える
4

いつでも独自のリンクを作成してスタイルを設定し、すべてのソーシャル共有ボタンリンクリストのこのリストからリンクを追加できます。これは、あらゆる種類のソーシャルサイトで共有するために機能します。

Facebookの共有リンクの場合は、リンクのhrefの次のコードを使用してデータを[URL]置き換えます。[TITLE]urlencode()

http://www.facebook.com/share.php?u=[URL]&title=[TITLE]
于 2013-02-21T00:01:14.043 に答える
0

これらのFacebookボタンのカスタマイズに関しては、ほぼSOLです。Facebookが提供する限られた範囲を超えてボタンを変更またはカスタマイズできないように、意図的にボタンを設計しました。

于 2012-06-19T03:02:18.573 に答える
0

Facebookの送信ボタンはにありiframeます。が読み込まれるのを待つ場合はiframe、で内容を選択できます$('iframe').contents()。したがって、テキストを置き換えると次のようになります

$(function(){
    $('.fb_iframe_widget iframe').on('load', function(){
        $(this).contents().find('.pluginButtonLabel').text('Custom Text');
    });
});
于 2016-12-07T06:00:25.847 に答える