Plugin xã hội

Plugin nhóm

Với Plugin nhóm, mọi người có thể truy cập vào nhóm Facebook của bạn từ một liên kết trong trang web.

Plugin nhóm cho Web

Plugin nhóm cho Web là plugin thêm nút Truy cập nhóm vào trang web của bạn. Khi một người nhấp vào nút này, họ sẽ được chuyển hướng đến Nhóm Facebook của bạn. Plugin này sử dụng Facebook SDK dành cho JavaScript để hiển thị một nút trên trang web của bạn.

Trước khi bạn bắt đầu

Để nhúng Plugin nhóm vào một trang web, bạn sẽ cần:

Giới hạn

  • Chỉ có thể dùng Plugin nhóm cho Web trên trang web

Lấy mã

Nếu bạn muốn lấy mã cho Nút Truy cập để nhúng vào trang web của mình, hãy sử dụng Bộ cấu hình mã.

Bước 1. Thay thế URL bằng URL của Nhóm Facebook.

Bước 2. Cập nhật chiều rộng pixel của nút Truy cập nhóm.

Bước 3. Thêm siêu dữ liệu nếu bạn muốn đưa thông tin bổ sung vào mã nút.

Bước 4. Nhấp vào Lấy mã.

Bộ cấu hình mã

URL của nhóm
Chiều rộng pixel của plugin
Lấy mã

Bước 5. Sao chép và Dán đoạn mã HTML vào trang web mà bạn muốn nút xuất hiện.

Thuộc tính của plugin

Dưới đây là tất cả cài đặt có sẵn cho Plugin nhóm cho Web.

Thuộc tínhMô tả

data-href

URL của Nhóm Facebook

data-show-metadata

Hiển thị siêu dữ liệu về Nhóm Facebook, chẳng hạn như nội dung mô tả

data-lazy

true hoặc false (mặc định). Khi đặt là true, trình duyệt sẽ không hiển thị plugin nếu plugin này không bao giờ xuất hiện, chẳng hạn như trong trường hợp plugin này không gần vùng hiển thị

data-width

Chiều rộng của plugin, tính bằng pixel. 280 là giá trị mặc định. Chiều rộng tối thiểu là 180 và chiều rộng tối đa là 500

data-skin

Chủ đề màu cho nội dung plugin. Dưới đây là các tùy chọn được hỗ trợ:

  • light: Plugin hiển thị với văn bản tối màu (mặc định)
  • dark: Plugin hiển thị với văn bản màu trắng

Mã mẫu

Nếu không muốn sử dụng bộ cấu hình mã, bạn có thể sao chép và dán mã dưới đây vào trang web của mình. Hãy thay thế các mục sau đây bằng giá trị của bạn:

  • Trong URL js.src, hãy thay thế LATEST-API-VERSION bằng phiên bản API Đồ thị mà ứng dụng của bạn đang dùng
  • Trong URL js.src, hãy thay thế APP-ID bằng ID ứng dụng trên Meta của ứng dụng mà bạn sở hữu
  • Đối với data-href, hãy thay thế GROUP-URL bằng URL cho Nhóm Facebook của bạn 
<html>

<head>
    <!-- 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 = 'https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=LATEST-API-VERSION&appId=APP-ID&autoLogAppEvents=1';
            fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));
    </script>
</head>

<body>

    <!--Your Group Plugin for the Web code-->
    <div class="fb-group" 
         data-href="GROUP-URL" 
         data-width="280" 
         data-show-metadata="false">
    </div>

</body>

</html>

Xem thêm