Alle Kategorien
Suche

Facebook auf eine Homepage einbinden - so geht's mit dem "gefällt mir"-Button

Die "gefällt mir"-Funktion einfügen
Die "gefällt mir"-Funktion einfügen © Petra Bork / Pixelio
Wenn Sie Ihre Homepage dynamischer machen möchten und diese zum Beispiel über den "gefällt mir"-Button von Facebook verbinden wollen, können Sie dies schnell und einfach mit wenigen Klicks machen. Facebook bietet Ihnen den benötigten Code an, den Sie dann nur auf Ihrer Homepage einbinden müssen. Wie Sie dies machen, erfahren Sie hier

Den "gefällt mir"-Button von Facebook nutzen

Um den "gefällt mir"-Button auf Ihrer Homepage einbinden zu können, müssen Sie zunächst den nötigen Code von Facebook bekommen.

  1. Öffnen Sie dazu zunächst Ihren Webbrowser oder öffnen Sie ein neues Fenster bzw. einen neuen Tab und rufen Sie danach die Facebook-Developer-Webseite für den "Like Button" auf.
  2. Auf dieser Seite sehen Sie im linken Bereich verschiedene Einstellungsmöglichkeiten für den Button und rechts daneben die Vorschau für die Einstellungen. Geben Sie als Erstes in dem Feld "URL to Like" die Adresse Ihrer Homepage oder der Seite, die über Facebook verbreitet werden soll, ein. Achten Sie dabei darauf, dass Sie die vollständige Adresse eingeben, also auch "http://" verwenden.
  3. Darunter können Sie auswählen, ob neben dem "gefällt mir"-Button ein "Senden"-Link erzeugt werden soll. Falls Sie dies nicht wollen, müssen Sie den Haken entfernen.
  4. Mit der Option "Layout Style" können Sie das Design des Buttons anpassen. Wählen Sie eine der drei Darstellungsoptionen aus.
  5. Über die Option "Width" können Sie noch die Pixel-Breite des Plugins anpassen und mit "Show Faces" festlegen, ob die Profilbilder der Personen, welche die von Ihnen ausgewählte Webseite bereits unter "Like" haben, angezeigt werden sollen.
  6. Zum Schluss haben Sie noch die Möglichkeiten, unter "Color Scheme" die Farbeinstellung des Plugins auf "light" (weißer Hintergrund) oder "dark" (schwarzer Hintergrund) zu verändern und bei "Font" die Schriftart festzulegen.
  7. Wenn Sie alle Einstellungen nach Ihren Wünschen angepasst haben, klicken Sie ganz unten auf die Schaltfläche "Get Code", um sich den Code für Ihre Homepage ausgeben zu lassen.
  8. Ihnen wird ein neues Popup-Fenster mit dem benötigten Code angezeigt, den Sie nun auf Ihrer Homepage einbinden können.

Like-Button auf der Homepage einbinden

  1. Öffnen Sie Ihr Standard-Programm, mit dem Sie Ihre Webdateien bearbeiten bzw. Ihre Homepage gestalten.
  2. Laden Sie sich die Webdatei in Ihr Programm, auf der Sie den "gefällt mir"-Button einbinden möchten.
  3. Suchen Sie in Ihrem Quellcode nach dem BODY-Tag, klicken Sie mit der Maustaste an das Ende der betreffenden Zeile und drücken Sie die ENTER-Taste, um eine neue Zeile für den Code freizumachen.
  4. Gehen Sie zurück zu Ihrem Webbrowser, kopieren Sie aus dem oberen Textfeld den gesamten Code und fügen Sie diesen an die frei gewordene Stelle in Ihrem Quellcode.
  5. Klicken Sie nun in Ihrem Quellcode mit der linken Maustaste an die Position, wo Sie den "gefällt mir"-Button auf Ihrer Homepage angezeigt haben wollen.
  6. Gehen Sie nun wieder zu Ihrem Webbrowser, kopieren Sie aus dem unteren Textfeld den gesamten Code und fügen Sie diesen in Ihrer Webdatei ein.
  7. Klicken Sie nun auf "Speichern" und kopieren Sie die veränderte Datei auf Ihren Webserver, damit die Veränderungen auf Ihrer Homepage angezeigt werden.
helpster.de Autor:in
Kevin Höbig
Kevin HöbigKevin ist ein alter Hase bei HELPSTER. Als Webdesigner und Mediengestalter, der auch auf journalistische Erfahrung zurückblicken kann, beschäftigt er sich nicht nur privat mit technischen Themen. Dank seines Wissens hilft er anderen oft mit praktischen Tipps weiter.
Teilen: