Làm cách nào để tùy chỉnh Nút Gửi Facebook?

Question

Tôi đang cố gắng tùy chỉnh giao diện của nút 'Gửi' trên Facebook.

Tôi tạo nút bằng cách sử dụng mã được cung cấp trong docs, tuy nhiên tôi không có đầu mối về cách tôi có thể sửa đổi hình ảnh hoặc văn bản của nút?

Có ai cho tôi một ví dụ không? Tôi đoán javascript là lựa chọn duy nhất của tôi ở đây?

Mã của tôi trông như thế này ngay bây giờ:

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

này tạo ra một nút trông như thế này:

Cảm ơn!

Answer 1

Bạn không thể tùy chỉnh nút <fb:send />. Tuy nhiên, bạn có thể đạt được chức năng tương tự bằng cách sử dụng FB.ui (http://developers.facebook.com/docs/reference/javascript/FB.ui/). Sử dụng phương pháp send, ví dụ:

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

Bạn có khá nhiều SOL khi nói đến việc tùy chỉnh các nút Facebook này. Họ đã cố ý thiết kế các nút của họ để bạn không thể thay đổi hoặc tùy chỉnh chúng vượt quá phạm vi giới hạn do Facebook cung cấp.

Answer 3

Bạn luôn có thể tạo liên kết và tạo kiểu cho nó tuy nhiên bạn muốn riêng của bạn, sau đó thêm các liên kết từ this list of all social sharing button links list - công trình này để chia sẻ với tất cả các loại trang web xã hội.

Đối với liên kết cổ phiếu của Facebook, thay thế [URL] và [TITLE] với dữ liệu của bạn sử dụng urlencode() trong đoạn mã sau vào href của liên kết của bạn:

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

Answer 4

nút gửi của Facebook là trong một iframe. Nếu bạn đợi iframe tải, bạn có thể chọn nội dung của nó với $('iframe').contents(). Vì vậy, thay thế các văn bản sẽ trông như thế

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