Header Ads

ad

Nút Chia sẻ

4:58 AM

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 iOS và Hộ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.


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:url và data-hrefphả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>
Xem thêm :
https://developers.facebook.com/docs/plugins/share-button

Post a Comment

No comments

Post a Comment

Subscribe to: Post Comments ( Atom )