Zusätzliche Inhalte auf einer Facebook-Seite

Hier wird kurz beschrieben, wie eine Anwendung erstellt und als iFrame in die Facebook-Seite eingebunden werden kann. Falls Sie eine solche Anwendung erstellen möchten und Unterstützung wünschen, nehmen Sie bitte Kontakt mit uns auf. Wir machen das gern für Sie.

iFrames

Facebook stellt die Möglichkeit zur Verfügung externe Inhalte als iFrames in eine Facebook-Seite einzubinden. Sie können damit Inhalte mit mehreren Seiten und eigener Navigation in Ihre Facebook-Seite einbinden. Ihren Ideen und Ihrer Gestaltungsfreiheit sind nur wenige Grenzen gesetzt, die maximale Höhe des Bereichs ist 520px und die maximale Höhe ist 800px. Der iFrame wird auf einem externen Webserver erstellt und für die Einbindung des iFrames müssen Sie eine Anwendung in Facebook erstellen.

Erstellen der Inhalte

Die Inhalte können wie eine normale Website erstellt werden. Sie können Javascript nutzen und natürlich alle Möglichkeiten, welche Ihr Webserver bietet (Programmiersprache, Datenbank, usw.).

Folgendes muss bei der Erstellung beachtet werden:

• Maximale Höhe (800px) und Breite (520px) des zu gestaltenden Bereichs, sonst entstehen unschöne Scrollbalken.
• Externe Links müssen in einem neuen Fenster geöffnet werden (target="_blank"), sonst werden sie im Frame selbst geöffnet.

Erstellen Sie ein separates Verzeichnis für alle Dateien, die URL dieses Verzeichnisses brauchen Sie dann für die Einbindung in Facebook.

Eigene Anwendung in Facebook erstellen

Sie brauchen dazu:

• Platz auf einem externen Webserver (z.B. Server Ihrer Website)
• ein verifiziertes Privatkonto auf Facebook
• mindestens HTML- und CSS-Kenntnisse

Die neue Anwendung wird auf www.facebook.com/developers erstellt. Der Name der Anwendung dient nur der Identifizierung der Anwendung, er wird nicht nach aussen angezeigt. Falls Sie beim Feld Symbol ein Icon hochladen, wird dieses dann beim Reiter angezeigt. Die restlichen Felder sind hier nicht wichtig, da diese Anwendung für eine individuelle Facebook-Seite erstellt und nicht veröffentlicht wird.

Klicken Sie nun auf Facebook Integration (im Menü auf der linken Seite) um die Inhalte als iFrame einzubinden.

• Canvas: Hier muss nichts erfasst werden, bei IFrame-Grösse können Sie Grösse automatisch anpassen anklicken.
• Entdeckung: Klicken Sie auf Gesperrt bei Social Discovery (ausser Sie wollen die Anwendung veröffentlichen)
• Seiten-Reiter:
  • Name des Reiters: das ist der Name, der links im Menü auf Ihrer Seite angezeigt wird
  • URL des Reiters: Geben Sie die URL des von Ihnen erstellen Verzeichnisses ein, z.B. http://www.hilbe-net.li/facebook/index.html (keine gültige URL)
  • Secure Tab URL: Geben Sie die URL der sicheren Verbindung ein für die Besucher und Besucherinnen, welche Facebook verschlüsselt nutzen (was auf jeden Fall zu empfehlen ist), z.B.  https://www.hilbe-net.li/facebook/index.html (keine gültige URL). Falls Sie die Inhalte nicht über eine sichere Verbindung zur Verfügung stellen, können diese Besucher und Besucherinnen den Inhalt nicht sehen. Dies wird von Facebook in dieser Notiz beschrieben.

Anwendung zu einer Seite hinzufügen

Dazu müssen Sie die Anwendungs-Profilseite der neu erstellten Anwendung aufrufen. Wählen Sie im Menü auf der linken Seite Zu meiner Seite hinzufügen aus. Es werden Ihnen nun die Seiten, bei welchen Sie als Administrator definiert sind, zur Auswahl angezeigt. Fügen Sie nun die neue Anwendung der gewünschten Seite zu.