Nút Thích – Plugin xã hội – Tài liệu – Facebook for Developers

Posted on by mtoplistChuyên mục:Top List

Trình định cấu hình nút Thích

URL để Thích

Width

Bố cục

standard

Loại hành động

like

Kích thước nút

small

Bao gồm nút chia sẻ

Lưu ý: nếu bạn đã ghi lại sự kiện trong ứng dụng, hãy gỡ câu lệnh autoLogAppEvents=1 khỏi mã nút để tránh ghi trùng lặp.

Sử dụng Thẻ meta Open Graph để chỉnh sửa bản xem trước liên kết. Thẻ og:url và thuộc tính data-ref phải là cùng một URL.

Ví dụ về mã đầy đủ

Được định dạng để dễ đọc.

<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="https://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="https://www.your-domain.com/path/image.jpg" />
</head>
<body>

  <!-- Load Facebook SDK for JavaScript -->
  <div id="fb-root"></div>
  <script async defer crossorigin="anonymous" 
        src="https://connect.facebook.net/en_US/sdk.js#xfbml=1
             &version={graph-api-version}
             &appId={your-facebook-app-id}
             &autoLogAppEvents=1" 
        nonce="FOKrbAYI">
  </script>

  <!-- Your like button code -->
  <div class="fb-like" 
       data-href="https://www.your-domain.com/your-page.html" 
       data-width=""
       data-layout="standard" 
       data-action="like" 
       data-size="small"  
       data-share="true">
  </div>

</body>
</html>

mtoplist