Alle Kategorien
Suche

Facebook in die Website einbinden - so geht's

Autor: Kevin Höbig
So vernetzten Sie Ihre Website.
So vernetzten Sie Ihre Website. © Gerd Altmann / Pixelio
Wenn Sie eine eigene Website haben, können Sie die verschiedenen Funktionen von Facebook mit wenigen Schritten auf Ihrer Website einbinden. Facebook hilft Ihnen dabei beim Erstellen des nötigen Codes der Social Plugins, den Sie dann nur noch in Ihre Webdateien einfügen müssen. Wie Sie das machen können, erfahren Sie hier.

Funktionen von Facebook nutzen

Zunächst müssen Sie das Social Plugin auswählen, das Sie einbinden möchten und danach den Code nach Ihren Wünschen erstellen lassen.

  1. Starten Sie dazu Ihren Webbrowser und öffnen Sie die Facebook-Developer-Webseite für "Social Plugins".
  2. Wählen Sie das Social Plugin aus, das Sie auf Ihrer Website einfügen möchten. Sie haben dabei zum Beispiel die Auswahl zwischen verschiedenen Buttons (Like, Share, Subscribe) oder Boxen wie Comments, Live Stream oder Activity Feed.
  3. Daraufhin öffnet sich eine neue Seite, auf der Sie die einzelnen Einstellungen für das Social Plugin festlegen können. Auf jeden Fall sollten Sie die URL (Linkadresse) eingeben, auf die das Social Plugin verweisen soll. Geben Sie als zum Beispiel die Adresse Ihrer Website ein.
  4. Darunter können Sie festlegen, wie das Social Plugin aussehen soll. So können Sie zum Beispiel die Breite, das Layout oder die Farbe festlegen. Rechts daneben können Sie die jeweiligen Veränderungen beobachten.
  5. Sobald Sie alle Einstellungen getroffen haben, klicken Sie unten auf "Get Code".
  6. Daraufhin öffnet sich ein kleines Popup-Fenster, das Ihnen den Code für das Social Plugin liefert. Lassen Sie dieses Fenster geöffnet, um den Code der beiden Textfelder für Ihre Webseite übernehmen zu können.

Erstellten Code auf Website einbinden

Sobald Sie den Code haben, können Sie diesen auf Ihrer Website einbinden.

  1. Starten Sie Ihr Editor-Programm, mit dem Sie Ihre Website gestalten bzw. Ihre Webdateien bearbeiten.
  2. Öffnen Sie die Webdatei, auf der Sie das Social Plugin von Facebook einfügen möchten.
  3. Gehen Sie zu Ihrem Webbrowser und kopieren Sie den Code aus dem ersten Textbereich.
  4. Fügen Sie diesen Code nun bei Ihrem Editor am besten direkt unter dem BODY-Tag ein.
  5. Gehen Sie danach in Ihrer Webdatei an die Stelle, wo Sie das Facebook-Plugin einbinden möchten, also wo es am Ende auf Ihrer Website erscheinen soll.
  6. Kopieren Sie den Code vom zweiten Textbereich und fügen Sie diesen an der Stelle ein.
  7. Speichern Sie die Veränderungen und laden Sie die Webdatei auf Ihren Webserver hoch, um die Änderungen auch auf Ihrer Website wirksam zu machen. 
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.
Weiterlesen:
Teilen: