Gefällt-mir-Button auf meine Homepage einbinden - so geht's

Code für den Gefällt-mir-Button erstellen

Wenn Sie den Gefällt-mir-Button  für Ihre Homepage nutzen möchten, benötigen Sie als erstes den exakten Code, um diesen anschließend in den Quellcode Ihrer Homepage einzufügen.

1. Den benötigten Code bekommen Sie auf der Developerseite von Facebook. Starten Sie dafür Ihren Webbrowser und öffnen Sie die Seite für den "Gefällt mir"-Button (englisch: Like-Button).
2. Nun können Sie im unteren Teil den Gefällt-mir-Button nach Ihren Wünschen erstellen. Links haben Sie die verschiedenen Optionen für den Button und rechts können Sie sehen, wie der Button aussehen würde.
3. Geben Sie zunächst ganz oben in dem Eingabefeld unterhalb von "URL to Like" die exakte Webadresse der Seite Ihrer Homepage ein, die über den Gefällt-mir-Button auf Facebook veröffentlicht werden sollen.
4. Standardmäßig ist darunter eingestellt, dass ein "Senden"-Button rechts neben Ihrem Gefällt-mir-Button angezeigt wird. Entfernen Sie den Haken, wenn Sie diese Option nicht nutzen möchten.
5. Bei der Einstellungsmöglichkeit "Layout Style" haben Sie drei verschiedene Anzeigemöglichkeiten für den Gefällt-mir-Button. Wählen Sie entweder „Standard“ für die übliche Darstellung, "button_count" für das Anzeigen der Personenanzahl, die bereits den Gefällt-mir-Button für diese Seite geklickt haben, oder "box_count" für eine Anordnung untereinander anstatt nebeneinander aus.
6. Mit "Width" (deutsch: Breite) legen Sie die Breite des gesamten Facebook-Plugins, also des Buttons und aller anderer Anzeigemöglichkeiten, fest. Geben Sie dort die gewünschte Breite in Pixel an.
7. Falls Sie die Anzeigemöglichkeit „Standard“ gewählt haben, können Sie mit der Option "Show Faces" die Profilbilder der Personen anzeigen lassen, die bereits Ihren Gefällt-mir-Button angeklickt haben.
8. Zum Schluss können Sie bei „Color Scheme“ (Farbschema) noch zwischen einer hellblauen Farbe ("light") oder einer schwarzen Farbe ("dark") wählen und bei "Font" (Schriftart) optional eine gewünschte Schrift auswählen.
9. Sobald Sie alle Einstellungen getätigt haben, klicken Sie ganz unten auf "Get Code". Dadurch bekommen Sie den benötigen Quellcode für Ihre Webseite.

Code auf meiner Homepage einbinden

Nachdem Sie auf den "Get Code"-Link geklickt haben, können Sie in wenigen Schritten den Gefällt-mir-Button auf Ihrer Webseite einbinden.

1. Öffnen Sie dafür die Webdatei, in der Sie den Button einbinden wollen, mit Ihrem Editor.
2. Gehen Sie nun innerhalb des Body-Bereichs an die Stelle, wo Sie den Button haben möchten.
3. Öffnen Sie nun wieder Ihren Webbrowser und kopieren Sie sich den Quellcode aus dem Reiter "HTML5".
4. Wechseln Sie wieder zu Ihrem Editor und fügen Sie den kopierten Quellcode ein.
5. Speichern Sie zum Schluss die bearbeitete Webdatei ab und laden Sie diese über Ihr FTP-Programm auf Ihren Webserver hoch.

Wenn Sie jetzt Ihre Webseite aufrufen, können Sie den Gefällt-mir-Button sehen.