社交插件

小组插件

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

网页版小组插件

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

准备工作

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

限制

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

获取代码

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

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

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

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

第 4 步：点击获取代码。

代码配置器

小组网址
插件像素宽度
获取代码

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

另请参阅