社交外掛程式

社團外掛程式

社團外掛程式可讓用戶透過網頁中的連結，前往您的 Facebook 社團。

網頁專用社團外掛程式

網頁專用社團外掛程式是一種外掛程式，可在網頁中新增「瀏覽社團」按鈕，讓系統將點擊該按鈕的用戶重新導向到您的 Facebook 社團。此外掛程式使用 Facebook JavaScript 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>

另請參閱