Facebook-Guide Einen Facebook Button auf der Homepage einbinden
Für diesen Beitrag haben wir alle relevanten Fakten sorgfältig recherchiert. Eine Beeinflussung durch Dritte findet nicht statt.
Zum journalistischen Leitbild von t-online.
News folgen
Binden Sie einen Facebook Button auf Ihrer Homepage ein, können Besucher direkt von dort Ihre Facebook-Seite liken und Ihnen ein positives Feedback geben. Sie benötigen dazu einen HTML-Code, der in ein Modul oder einen iFrame auf Ihrer Seite eingebunden wird.
Einen Button über Module oder iFrame anlegen
Je nachdem von welchem Anbieter Ihre Homepage stammt, stehen Ihnen zum Einbinden eines Facebook Buttons eventuell Social-Network-Module zur Verfügung. Finden Sie solche im Bearbeitungsbereich Ihrer Website, klicken Sie auf das Modul, halten Sie es und ziehen Sie es in den Inhaltsbereich Ihrer Homepage. Dort können Sie es an einer beliebigen Stelle platzieren. Sind keine extra Module vorhanden, setzen Sie an die für den Button angedachte Stelle einen iFrame. In beiden Fällen wird sich ein Kasten öffnen, in welchen ein Code einzugeben ist.
Den Einbindungscode über Facebook generieren
Um einen Einbindungscode für Ihren Like-Button zu generieren, begeben Sie sich auf die Facebook-Seite der Facebook Developer. Wählen Sie auf der oberen Menüleiste "Docs" aus. Klicken Sie auf der linken Seitenleiste auf "Social Plugins" und wählen Sie aus der erscheinenden Liste "Like Button" aus. Nun öffnet sich ein Formular, das Sie zur Generierung des Buttons ausfüllen müssen.
Ersetzen Sie die Beispiels-URL mit der URL Ihrer Homepage. Über "Width", die Breite, und "Length", die Länge, können Sie die gewünschte Button-Größe festlegen. Geben Sie die Maße in Pixel, nicht in Zentimetern oder Millimetern ein. Über "Color Scheme" können Sie ein Farbschema für den Like-Button festlegen. "Layout" und "Action Type" müssen Sie für einen Standard-Button nicht weiter verändern. Haben Sie alle Optionen angepasst, klicken Sie auf "Get Code", um den Einbindungscode zu erhalten.
Den Code auf der Homepage einbinden
Der von Facebook generierte Einbindungscode erscheint als HTML5-Code. Am oberen Rand des Code-Fensters können Sie zu iFrame, XFBML und URL wechseln. Markieren Sie dazu den entsprechenden Code, klicken mit der rechten Maustaste auf die Markierung und wählen "Kopieren" aus. Begeben Sie sich nun zurück auf Ihre Homepage. Klicken Sie mit der rechten Maustaste in den erstellten Modul- oder iFrame-Kasten und wählen Sie "Einfügen" aus. Der Code muss nun nur noch in dem Kasten abgespeichert werden.
