El plugin de grupo permite a los usuarios visitar tu grupo de Facebook desde un enlace en una página 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.
Para insertar el plugin de grupo en una página web, necesitarás lo siguiente:
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.
Paso 5. Copia y pega el fragmento de código HTML en la página web donde quieres que aparezca el botón.
A continuación se indican todas las opciones de configuración disponibles para el plugin de grupo para la web.
Atributo | Descripción |
---|---|
| URL del grupo de Facebook. |
| Muestra metadatos sobre el grupo de Facebook, como la descripción. |
|
|
| Ancho del plugin, en píxeles. El valor predeterminado es 280. El ancho mínimo es 180 y el máximo, 500. |
| Tema de color del contenido del plugin. Se admiten las siguientes opciones:
|
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:
js.src
, sustituye LATEST-API-VERSION
por la versión de la API Graph que use la aplicación.js.src
, sustituye APP-ID
por el identificador de aplicación de Meta de la aplicación.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>