Gruppen-Plugin

Mit Gruppen-Plugins können Nutzer*innen deiner Facebook-Gruppe über einen Link auf einer Webseite beitreten.

Gruppen-Plugin für das Web

Das Gruppen-Plugin für das Web ist ein Plugin, mit dem deiner Webseite ein Button Gruppe besuchen hinzugefügt wird, der Nutzer*innen zu deiner Facebook-Gruppe weiterleitet, wenn sie auf ihn klicken. Das Plugin nutzt das Facebook-SDK für JavaScript, um auf deiner Webseite einen Button anzuzeigen.

Bevor du beginnst

Um das Gruppen-Plugin auf einer Website einzubetten benötigst du:

die URL für deine Facebook-Gruppe
So registrierst du deine Web-App bei Meta mit allgemeinen Einstellungen
Stelle die Plattform für deine App auf Website ein
App Review – Wenn dein Plugin für Besucher*innen deiner Website sowie für Personen, die eine Rolle in deiner App innehaben (z. B. Entwickler oder Tester), muss deine App im Rahmen des App-Review geprüft werden.
Veröffentliche deine App

Einschränkungen

Das Gruppen-Plugin für das Web kann nur auf einer Webseite verwendet werden.

Code abrufen

Verwende den Code-Konfigurator, um den Code für den Besuchen-Button abzurufen, den du auf deiner Webseite einbettest.

Schritt 1: Ersetze die URL durch die URL für die Facebook-Gruppe.

Schritt 2: Aktualisiere die Pixelbreite für den Button Gruppe besuchen.

Schritt 3: Füge Metadaten hinzu, wenn du weitere Informationen in den Button-Code einbeziehen möchtest.

Schritt 4: Klicke auf Code abrufen.

Code-Konfigurator

URL der Gruppe

Die Pixelbreite des Plugins

Metadaten einschließen

Code generieren

Schritt 5: Kopiere den HTML-Code-Schnipsel und füge ihn auf der Webseite dort ein, wo der Button angezeigt werden soll.

Plugin-Attribute

Nachfolgend findest du alle verfügbaren Einstellungen für das Gruppen-Plugin für das Web.

Attribut	Beschreibung
`data-href`	Die URL der Facebook-Gruppe
`data-show-metadata`	Metadaten über die Facebook-Gruppe anzeigen wie z. B. die Beschreibung
`data-lazy`	`true` oder `false` (Standard). Wenn `true` festgelegt ist, wird das Plugin nicht vom Browser gerendert, wenn das Plugin möglicherweise nie gesehen wird, z. B. weil es sich nicht in der Nähe des Viewport befindet.
`data-width`	Die Plugin-Breite in Pixel. 280 ist Standard. Die Mindestbreite sind 180 Pixel und die Höchstbreite 500 Pixel.
`data-skin`	Das Farbschema für den Plugin-Content. Die folgenden Optionen werden unterstützt: `light`: Plugin wird mit dunklem Text angezeigt (Standard). `dark`: Plugin wird mit weißem Text angezeigt.

Codebeispiel

Wenn du den Code-Konfigurator nicht verwenden möchtest, kannst du den folgenden Code kopieren und auf deiner Webseite einfügen. Ersetze folgende Werte durch deine Werte:

Ersetze in der js.src-URL LATEST-API-VERSION durch die Version der Graph API, die deine App verwendet.
Ersetze in der js.src-URL die APP-ID durch die Meta-App-ID deiner App.
Ersetze für data-href die GROUP-URL mit der URL für deine Facebook-Gruppe.

<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>