Plugins sociales

Plugin de grupo

El plugin de grupo permite a los usuarios visitar tu grupo de Facebook desde un enlace en una página web.

Plugin de grupo para la web

El plugin de grupo para la web es un plugin que añade el botón Visitar grupo a la página web. Cuando se hace clic en este botón, el usuario se redirige al 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 grupo en una página web, necesitarás lo siguiente:

Limitaciones

  • El plugin de grupo para web solo se puede usar en una página web.

Obtener código

A fin de obtener el código del botón Visitar para insertarlo en la página web, deberás utilizar el configurador de código.

Paso 1. Sustituye la URL por la URL del grupo de Facebook.

Paso 2. Actualiza el ancho del píxel para el botón Visitar grupo.

Paso 3. Añade metadatos si quieres incluir más información en el código del botón.

Paso 4. Haz clic en Obtener código.

Configurador de código

URL del grupo
Anchura en píxeles del plugin
Obtener código

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

Atributos del plugin

A continuación se indican todas las opciones de configuración disponibles para el plugin de grupo para la web.

AtributoDescripción

data-href

URL del grupo de Facebook.

data-show-metadata

Muestra metadatos sobre el grupo de Facebook, como la descripción.

data-lazy

true o false, el valor predeterminado. Cuando se establece en true, el navegador no mostrará el plugin si cabe la posibilidad de que pudiera no llegar a verse nunca, como si el plugin no estuviera cerca del área de visualización.

data-width

Ancho del plugin, en píxeles. El valor predeterminado es 280. El ancho mínimo es 180 y el máximo, 500.

data-skin

Tema de color del contenido del plugin. Se admiten las siguientes opciones:

  • light: el plugin se representa con texto oscuro, la opción predeterminada.
  • dark: el plugin se representa con texto blanco.

Ejemplo de código

Si no quieres usar el configurador de código, puedes copiar y pegar el siguiente código en la página web. Sustituye los siguientes fragmentos por tus valores:

  • En la URL de js.src, sustituye LATEST-API-VERSION por la versión de la API Graph que use la aplicación.
  • En la URL de js.src, sustituye APP-ID por el identificador de aplicación de Meta de la aplicación.
  • En data-href, sustituye 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>

Más información