Plugin de grupo

Com os plugins de grupo, as pessoas podem visitar o seu grupo do Facebook via link em uma página da web.

Plugin de grupo para a web

O plugin do grupo para a web adiciona um botão Visitar grupo à sua página da web. Ao clicar nele, o visitante é redirecionado para o seu Grupo do Facebook. O plugin usa o SDK do Facebook para JavaScript a fim de exibir um botão na sua página da web.

Antes de começar

Para incorporar o plugin de grupo em uma página da web, você precisará fazer o seguinte:

Fornecer a URL do seu Grupo do Facebook
Registrar o seu app da web na Meta com Configurações básicas
Definir a plataforma do seu app como site
Enviar para a análise do app quando quiser que o plugin fique disponível para visitantes da sua página e para pessoas que tenham uma função no app, como um desenvolvedor ou testador
Lançar o app

Limitações

O plugin de grupo para a web só pode ser usado em uma página da web.

Obter o código

Para obter o código do botão Visitar e incorporá-lo à sua página da web, é preciso usar o Configurador de código.

Etapa 1: substitua a URL pela URL do seu Grupo do Facebook.

Etapa 2: atualize a largura do pixel do botão Visitar grupo.

Etapa 3: adicione metadados se quiser incluir mais informações no código do botão.

Etapa 4: clique em Obter código.

Configurador de código

URL de grupo

A largura do pixel do plugin

Incluir metadados

Receber código

Etapa 5: copie e cole o trecho de código HTML na página da web na qual você deseja incluir o botão.

Atributos do plugin

Veja a seguir todas as configurações disponíveis para o plugin de grupo para a web.

Atributo	Descrição
`data-href`	A URL do Grupo do Facebook
`data-show-metadata`	Mostra os metadados do Grupo do Facebook, como a descrição
`data-lazy`	`true` ou `false`, o padrão. Quando definido como `true`, o navegador não renderizará o plugin se ele nunca puder ser visto, por exemplo, se o plugin não estiver próximo do visor
`data-width`	A largura do plugin em pixels. O padrão é 280. A largura mínima é 180 e a máxima é 500
`data-skin`	A cor do tema do conteúdo do plugin. As opções a seguir são compatíveis: `light`: o plugin será renderizado com texto escuro, o padrão `dark`: o plugin será renderizado com texto branco

Exemplo de código

Caso não queira usar o configurador de código, é possível copiar e colar o seguinte código na sua página da web. Substitua o seguinte pelos seus valores:

Na URL js.src, substitua LATEST-API-VERSION com a versão da Graph API usada pelo seu app.
Na URL js.src, substitua APP-ID pelo ID do app da Meta do seu app.
Para data-href, substitua GROUP-URL pela URL do seu Grupo do 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>