Nút Chia sẻ

Nút Chia sẻ cho phép mọi người thêm tin nhắn được cá nhân hóa vào liên kết trước khi chia sẻ trên dòng thời gian của họ, trong nhóm hoặc chia sẻ với bạn bè thông qua Tin nhắn Facebook.

Nếu ứng dụng của bạn dành riêng cho iOS hoặc Android, chúng tôi khuyên bạn nên sử dụng Hộp thoại chia sẻ riêng trên iOSHộp thoại chia sẻ riêng trên Android.

Nếu trang web của bạn không cần nút để mở hộp thoại chia sẻ hoặc nút mà Facebook cung cấp không phù hợp với thiết kế trang web, Hộp thoại chia sẻ trên web cũng được cung cấp để chia sẻ liên kết. Lưu ý rằng bạn không cần triển khai tính năng đăng nhập Facebook hoặc yêu cầu bất kỳ quyền bổ sung nào thông qua việc xét duyệt ứng dụng để sử dụng plugin này.

Từng bước

1. Chọn URL hoặc Trang

Chọn URL của trang web hoặc Trang Facebook mà bạn muốn chia sẻ.

2. Bộ cấu hình mã

Dán URL vào Bộ cấu hình mã và điều chỉnh layout của nút chia sẻ. Nhấp vào nút Get Code để tạo mã nút chia sẻ.

3. Sao chép & dán đoạn mã HTML

Sao chép và dán đoạn mã vào HTML của trang web đích.

Bộ cấu hình nút Chia sẻ

URL để chia sẻ
Bố cục
Kích thước nút

Mẫu mã đầy đủ

Sao chép & dán mẫu mã vào trang web của bạn. Điều chỉnh giá trị data-href cho URL của trang web. Tiếp theo, sử dụng thẻ meta og:*** để điều chỉnh bản xem trước liên kết của bạn. og:urldata-href phải sử dụng cùng một URL.

<html>
<head>
  <title>Your Website Title</title>
    <!-- You can use Open Graph tags to customize link previews.
    Learn more: https://developers.facebook.com/docs/sharing/webmasters -->
  <meta property="og:url"           content="http://www.your-domain.com/your-page.html" />
  <meta property="og:type"          content="website" />
  <meta property="og:title"         content="Your Website Title" />
  <meta property="og:description"   content="Your description" />
  <meta property="og:image"         content="http://www.your-domain.com/path/image.jpg" />
</head>
<body>

  <!-- Load Facebook SDK for JavaScript -->
  <div id="fb-root"></div>
  <script>(function(d, s, id) {
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) return;
    js = d.createElement(s); js.id = id;
    js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1";
    fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));</script>

  <!-- Your share button code -->
  <div class="fb-share-button" 
    data-href="http://www.your-domain.com/your-page.html" 
    data-layout="button_count">
  </div>

</body>
</html>

Cài đặt

Cài đặt Thuộc tính HTML5 Mô tả Mặc định

href

data-href

URL tuyệt đối của trang sẽ được chia sẻ.

Các phiên bản XFBML và HTML5 mặc định với URL hiện tại.

layout

data-layout

Chọn một trong các bố cục khác nhau có sẵn cho plugin. Có thể là một trong số box_count, button_count, button.

icon_link

mobile_iframe

data-mobile_iframe

Nếu đặt thành true, nút chia sẻ sẽ mở hộp thoại chia sẻ trong iframe (thay vì trong cửa sổ bật lên) ở đầu trang web trên thiết bị di động. Tùy chọn này chỉ khả dụng với thiết bị di động chứ không khả dụng trên máy tính. Để biết thêm thông tin, hãy xem Hộp thoại chia sẻ trên web di động.

false

size

data-size

Nút này được cung cấp ở 2 kích thước là largesmall.

small