Plugin de grupos

Los plugins de grupos permiten que las personas visiten tu grupo de Facebook desde un enlace en una página web.

Plugin de grupos para la web

El plugin de grupos para la web agrega el botón Ir a grupo a tu página web y, cuando una persona hace clic en él, la redirige a tu grupo de Facebook. El plugin usa el SDK de Facebook para JavaScript para mostrar un botón en tu página web.

Antes de empezar

Para insertar el plugin de grupos en una página web, deberás:

Contar con la URL de tu grupo de Facebook
Registrar tu app web con Meta usando la configuración básica
Configurar la plataforma de tu app en una página web
Revisión de apps : si deseas que el plugin esté disponible para los visitantes de tu página web y las personas que tienen un rol en tu app, como los desarrolladores o los evaluadores, será necesario que tu app resulte aprobada durante la revisión de apps.
Publicar la app

Limitaciones

El plugin de grupos para web solo puede usarse en una página web.

Obtener el código

Para obtener el código del botón "Visitar", que se insertará en tu página web, es necesario que uses el configurador de código.

Paso 1: Reemplaza la URL por la URL del grupo de Facebook.

Paso 2: Actualiza el ancho del píxel del botón Ir a grupo.

Paso 3: Agrega metadatos si deseas incluir información adicional en el código del botón.

Paso 4: Haz clic en Obtener código.

Configurador de código

URL del grupo

Ancho en píxeles del plugin

Incluir metadatos

Obtener código

Paso 5: Copia y pega el fragmento del código HTML en la página web donde quieres que aparezca el botón.

Atributos del plugin

Los siguientes son todos los valores de configuración que están disponibles para el plugin de grupos que se usa en la web.

Atributo	Descripción
`data-href`	La URL del grupo de Facebook.
`data-show-metadata`	Muestra metadatos del grupo de Facebook, como la descripción.
`data-lazy`	`true` o `false` (valor predeterminado). Si está configurado en `true`, el navegador no mostrará el plugin si es probable que este jamás se vea, por ejemplo, si no estuviera cerca del visor.
`data-width`	El ancho del plugin en píxeles. El valor predeterminado es 280. El ancho mínimo es 180 y el máximo 500 píxeles.
`data-skin`	El tema de color para el contenido del plugin. Se admiten las siguientes opciones: `light`: el plugin se muestra con texto oscuro (valor predeterminado). `dark`: el plugin se muestra con texto blanco.

Ejemplo de código

Si no deseas usar el configurador de código, puedes copiar y pegar el siguiente código en tu página web. Reemplaza la siguiente información por tus valores:

En la URL js.src, reemplaza LATEST-API-VERSION por la versión de la API Graph que usa tu app.
En la URL js.src, reemplaza APP-ID por el identificador de la app de Meta de tu app.
En relación con data-href, reemplaza GROUP-URL por la URL del grupo de 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>