Facebook-Buttons integrieren

Die Social Community Facebook ist mit mehr als 500 Millionen Mitgliedern die weltweit größte ihrer Art. Täglich werden Milliarden Nachrichten der Nutzer untereinander ausgetauscht, privates geteilt und Tipps weitergegeben. Für Webseitenbetreiber kann Facebook als eine weitere Plattform für die eigene Vermarktung dienen. Daher bietet Facebook neben vielen anderen Schnittstellen auch die Möglichkeit an, Facebook-Bestandteile in die eigene Webseite zu integrieren.

In diesem Fachbeitrag erfahren Sie wie ein Facebook-Like-Button oder eine Like-Box in die eigene Webseite integriert werden kann.

Was ist was?

Ein Facebook-Like-Button stellt dem Besucher der Webseite ein anklickbares Feld zur Verfügung über welches er seinen eigenen Facebook-Freunden mitteilen kann, dass ihm diese Webseite gefällt. Vorteil für den Webseitenbetreiber: er generiert Werbung für seine eigene Seite ohne, dass er etwas machen muss. Er muss nur den Facebook-Like-Button in die Webseite integrieren oder einbauen lassen.

Die Facebook-Like-Box zeigt eine größere Box auf der Webseite an in der der Webseitenbetreiber Werbung für seine eigene Facebook-Seite machen kann. Besucher der Webseite können, wenn sie bei Facebook angemeldet sind, per Klick auf der Webseite mitteilen, dass ihnen die Facebook-Seite gefällt. Vorteil für den Webseitenbetreiber: er sammelt Interessenten auf seiner eigenen Facebook-Seite und kann ihnen über die Facebook-Pinnwand auf seiner Facebook-Seite jederzeit etwas mitteilen.

Der Like-Button-Einbau

Fügen Sie untenstehenden Quellcode in Ihre VIO.Matrix-Integration an der Stelle ein an der der Like-Button erscheinen soll.

#SET fb_fanpage = "http://www.meineseite.de" #ENDSET
#SET fb_layout = "standard" #ENDSET
#SET fb_width = "200" #ENDSET
#SET fb_height = "120" #ENDSET
#SET fb_show_faces = "false" #ENDSET
#SET fb_colorscheme = "light" #ENDSET
#SET fb_font = "" #ENDSET
<iframe src="http://www.facebook.com/plugins/like.php?href=#INSERT_SP_PRINT_{{codec:web}#INSERT_SP_VAR_fb_fanpage!}!&send=true&layout=#INSERT_SP_PRINT_{{codec:web}#INSERT_SP_VAR_fb_layout!}!&width=#INSERT_SP_VAR_fb_width!&show_faces=#INSERT_SP_PRINT_{{codec:web}#INSERT_SP_VAR_fb_show_faces!}!&action=like&colorscheme=#INSERT_SP_PRINT_{{codec:web}#INSERT_SP_VAR_fb_colorscheme!}!&font=#INSERT_SP_PRINT_{{codec:web}#INSERT_SP_VAR_fb_font!}!&height=#INSERT_SP_VAR_fb_height!" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:#INSERT_SP_VAR_fb_width!px; height:#INSERT_SP_VAR_fb_height!px;" allowTransparency="true"></iframe>

Daneben gibt es noch weitere Optionen die man auf der Facebook-Hilfe-Seite nachlesen kann.

Die Variable "fb_fanpage" entspricht der Seite die einem gefällt. Wenn Sie das auf die aktuelle Seite beziehen möchten, geben Sie folgendes an:

#SET fb_fanpage = "http://www.meine-seite.de/#INSERT_SP_STATICSITENAME_{#IF ( #INSERT_EL_ID > 0 )el=#INSERT_EL_ID#ELSEor=#INSERT_OR_ID#ENDIF}!" #ENDSET

Tauschen Sie die URL-Angabe von "www.meine-seite.de" durch Ihre eigene Domain aus.

Der Like-Box-Einbau

Vor dem Einbau der Like-Box müssen Sie eine eigene Facebook-Seite angelegt haben. Sollten Sie keine haben, holen Sie dies jetzt nach.

Der Einbau kann ähnlich dem Like-Button-Einbau durchgeführt werden:

#SET fb_fanpage = "http://www.meineseite.de" #ENDSET
#SET fb_layout = "standard" #ENDSET
#SET fb_width = "200" #ENDSET
#SET fb_height = "120" #ENDSET
#SET fb_show_faces = "false" #ENDSET
#SET fb_colorscheme = "light" #ENDSET
#SET fb_font = "" #ENDSET
#SET fb_stream = "false" #ENDSET
<iframe src="#INSERT_SP_VAR_fb_likebox_url!?href=#INSERT_SP_PRINT_{{codec:web}#INSERT_SP_VAR_fb_fanpage!}!&width=#INSERT_SP_VAR_fb_width!&colorscheme=#INSERT_SP_PRINT_{{codec:web}#INSERT_SP_VAR_fb_colorscheme!}!&show_faces=#INSERT_SP_PRINT_{{codec:web}#INSERT_SP_VAR_fb_show_faces!}!&stream=#INSERT_SP_PRINT_{{codec:web}#INSERT_SP_VAR_fb_stream!}!&header=#INSERT_SP_PRINT_{{codec:web}#INSERT_SP_VAR_fb_header!}!&height=#INSERT_SP_VAR_fb_height!" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:#INSERT_SP_VAR_fb_width!px; height:#INSERT_SP_VAR_fb_height!px;#INSERT_SP_VAR_fb_background_style!" allowTransparency="true"></iframe>

Wobei in diesem Fall "fb_fanpage" der URL der Facebook-Seite entsprechen muss. Die hier einzutragende URL wird Ihnen von Facebook nach Einrichtung der Facebook-Seite genannt.

So viele Parameter ..

Facebook bietet bei beiden Angeboten eine Vielzahl Optionen an. Man kann die Größe (Höhe und Breite) wie auch das Aussehen beeinflussen. Facebook gibt zwar bereits von sich aus ein Dutzend Layouts vor, aber diese kann man auch noch an die eigenen Bedürfnisse und Wünsche anpassen. Was hierfür zu tun ist, wird in der Facebook-Hilfe beschrieben. Bei vielen Optionen muss man gleichzeitig auch Berücksichtigen, dass nicht jede mit jeder Kombinierbar ist.

Facebook entwickelt ständig weiter an den Funktionen und Angeboten, weshalb sich diese laufend ändern könnten. Als Webseitenbetreiber muss man folglich darauf bedacht sein, dass man seine Facebook-Schnittstelle ggfs. jederzeit an neue Anforderungen anpassen muss damit diese auch nach Änderungen seitens Facebook lauffähig sind.

Wichtiges zum Schluss

Bedenken Sie, dass der Einbau von Facebook-Buttons auch eine Anpassung Ihrer Datenschutz-Erklärung nach sich zieht. Diese sollte dahingehend angepasst werden. Im Web existieren hierfür bereits zahlreiche Mustertexte. Im Zweifelsfall konsultieren Sie bitte Ihren Anwalt.