Plug-in dei gruppi

Il plug-in dei gruppi Facebook consente alle persone di visitare il tuo gruppo Facebook da un link all'interno di una pagina web.

Plug-in dei gruppi per il web

Il plug-in dei gruppi per il web è un plug-in che aggiunge un pulsante Visita gruppo alla tua pagina web che, se cliccato, reindirizza la persona al tuo gruppo Facebook. Il plug-in utilizza l'SDK di Facebook per JavaScript per visualizzare un pulsante sulla tua pagina web.

Prima di iniziare

Per incorporare il plugin dei gruppi su una pagina web, avrai bisogno di:

l'URL del tuo gruppo Facebook
registrare la tua app con Meta con le Impostazioni di base ;
impostare la piattaforma dell'app su sito web
Analisi dell'app : quando desideri che il plug-in sia disponibile per i visitatori della pagina web e per le persone che ricoprono un ruolo nella tua app come sviluppatore o tester, l'app dovrà essere approvata tramite l'Analisi dell'app.
rilasciare l'app

Limitazioni

Il plugin dei gruppi per il web può essere usato solo su una pagina web.

Ottienere il codice

Per ottenere il codice del pulsante Visita da incorporare sulla pagina web dovrai usare il Configuratore di codice.

Passaggio 1: sostituisci l'URL con il tuo URL del gruppo Facebook.

Passaggio 2: aggiorna la larghezza in pixel del pulsante Visita gruppo.

Passaggio 3: aggiungi i metadati se vuoi includere informazioni aggiuntive nel codice del pulsante.

Passaggio 4: clicca su Ottieni codice.

Configuratore di codici

URL del gruppo

Larghezza in pixel del plug-in

Includi i metadati

Ottieni il codice

Passaggio 5: copia e incolla lo snippet dal codice HTML nella pagina web in cui desideri che venga visualizzato il pulsante.

Attributi del plugin

Queste sono tutte le impostazioni disponibili per il plugin dei gruppi per web.

Attributo	Descrizione
`data-href`	L'URL del gruppo Facebook.
`data-show-metadata`	Mostra i metadati sul gruppo Facebook, come la descrizione.
`data-lazy`	`true` o `false`, l'opzione predefinita. Se è impostato su `true`, il browser non visualizzerà il plug-in se questo potrebbe non essere mai visto, ad esempio quando il plug-in non è vicino all'area visibile.
`data-width`	La larghezza del plug-in in pixel. 280 è il valore predefinito. La larghezza minima è 180 e la larghezza massima è 500.
`data-skin`	Il tema colori per il contenuto del plug-in. Sono supportate le opzioni seguenti: `light`: il plug-in viene visualizzato con testo scuro (opzione predefinita). `dark`: il plug-in viene visualizzato con testo bianco.

Esempio di codice

Se non vuoi usare il configuratore di codice, puoi copiare e incollare il seguente codice nella pagina web. Sostituisci gli elementi di seguito con i tuoi valori:

Nell'URL js.src, sostituisci LATEST-API-VERSION con la versione dell'API Graph utilizzata dalla tua app.
Nell'URL js.src, sostituisci APP-ID con il tuo ID App Meta.
Per data-href, sostituisci GROUP-URL con l'URL del tuo gruppo 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>

Plug-in dei gruppi