小组插件

小组插件允许用户通过网页中的链接访问您的 Facebook 小组。

网页版小组插件

网页版小组插件可让您在网页中添加访问小组按钮，以便在用户点击该按钮时，系统将其重定向至您的 Facebook 小组。该插件使用 Javascript 版 Facebook SDK 在您的网页上显示按钮。

准备工作

如要在网页上嵌入小组插件，您需要：

Facebook 小组的网址
注册具有基本设置的 Meta 网页应用
将应用平台设置为网站
应用审核 — 如果您希望该插件可供您网页的访客以及在您应用中拥有身份的用户（例如开发者或测试人员）使用，您的应用需要在应用审核期间获得相关权限
发布应用

限制

网页版小组插件仅可在网页上使用

获取代码

如要获取访问按钮的代码以将其嵌入网页，您需要使用代码配置器。

第 1 步：将网址替换为 Facebook 小组的网址。

第 2 步：更新访问小组按钮的像素宽度。

第 3 步：如果您希望在按钮代码中包含更多信息，可以添加元数据。

第 4 步：点击获取代码。

代码配置器

There is something wrong with the configurator

第 5 步：复制 HTML 代码片段，建其粘贴到您想要显示按钮的网页。

插件属性

以下为网页版小组插件的所有可用设置。

属性	描述
`data-href`	Facebook 小组的网址
`data-show-metadata`	显示有关 Facebook 小组的元数据，例如描述
`data-lazy`	`true` 或 `false`（默认值）。设置为 `true` 时，如果插件可能永远不可见（例如插件不在视区附近），则浏览器不会显示插件
`data-width`	插件的宽度（以像素为单位）。默认值为“280”。宽度的最小值为 180 像素，最大值为 500 像素
`data-skin`	插件内容的色彩主题。支持以下选项： `light`：插件显示深色文本（默认选项） `dark`：插件显示白色文本

代码示例

如果不想使用代码配置器，您可以复制以下代码并将其粘贴到您的网页。用您的值替换以下内容：

在 js.src 网址中，将 LATEST-API-VERSION 替换为应用正在使用的图谱 API 版本
在 js.src 网址中，将 APP-ID 替换为应用的 Meta 应用编号
在 data-href 中，将 GROUP-URL 替换为 Facebook 小组的网址

<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>