Sie können nicht nur mit statischen HTML-Seiten, sondern auch mit einem CMS wie WordPress individuelle Inhalte über eine iFrame-Anwendung auf Ihrer Facebook-Fanseite einstellen.
Wenn Sie für eine bestimmte Website oder einen bestimmten Blog eine oder mehrere individuelle Inhaltsseiten auf der Facebook-Seite der Website oder des Blogs anlegen wollen, dann können Sie in Ihre WordPress-Installation einen weiteren WordPress-Blog hochladen, am besten in einen Unterordner oder in eine Subdomain zur Blogdomain. Diesen Blog verwenden Sie für Ihre Facebook-Seite.
Atahualpa-Theme geeignet für Facebook-Seiten mit WordPress
Empfehlenswert ist dabei die Verwendung des kostenlosen WordPress-Themes Atahualpa, denn bei diesem können Sie die Seitenbreite individuell einstellen und auch die Seitenleisten komplett deaktivieren, sodass Sie nur eine einfache Inhaltsseite mit Headergrafik und horizontaler Navigation gestalten können.
Die neuen Facebook-Seiten sind seit der Umstellung auf das Timeline-Layout breiter geworden, und zwar von 520 px auf 810 px.
Ich habe eine solche Seite für meinen Geld-online-Blog mithilfe des Themes erstellt:
Sie haben auch die Möglichkeit, ein Newsletterformular in solch eine Seite einzubauen, ein Videotutorial usw.
Haben Sie eine oder mehrere Seiten erstellt, dann können Sie zum nächsten Schritt übergehen und diese in Ihre Facebook-Seite einbinden.
Anwendung auf Facebook erstellen
Dazu gehen Sie auf die Seite https://developers.facebook.com/apps und erstellen eine Anwendung, indem Sie oben rechts auf Neue Anwendung erstellen klicken.
Ganz oben finden Sie gleich Ihre App-ID und Ihre App Secret. Wichtig ist Ihre App-ID, die Sie später noch benötigen werden. Danach müssen Sie verschiedene Felder ausfüllen.
Sie können auch ein kleines Vorschaubild für Ihre Anwendung hochladen, damit das Standardbild überschrieben wird. Den Link dazu finden Sie unter den App-IDs (Miniaturbild bearbeiten).
Allgemeine Informationen:
Unter Display Name geben Sie ein, mit welcher Bezeichnung die Anwendung später in der Auflistung der Anwendungen aufgeführt wird. Geben Sie hier einen eindeutigen Namen ein, damit Sie wissen, was sich hinter der Anwendung verbirgt.
Unter Name Space können Sie eine Bezeichnung eingeben, wie beispielsweise der Domainname der Website, für die Sie diese Anwendung erstellen. Diese Angabe hat mehr interne Zwecke, definiert aber auch OpenGraph-Aktionen.
Danach folgen die Felder E-Mail-Adresse, App-Domain und Kategorie.
Geben Sie eine Kontakt-E-Mail von sich ein, Ihre App-Domain (die Domain Ihres Blogs ohne www) und wählen Sie eine Themenkategorie für Ihren Blog.
Den Sandkasten-Modus deaktivieren Sie.
Website with Facebook-Login:
Hier geben Sie die Domain Ihres Blogs oder Ihrer Website ein.
Anwendung auf Facebook:
In das Feld Canvas-URL geben Sie die Domain Ihrer Facebook-Seite auf Ihrem Webspace an. Haben Sie WordPress in einen Unterordner installiert, dann fügen Sie den Domainpfad einschließlich des Unterordners ein.
In Sichere Canvas-URL geben Sie die gleiche Domain mit https:// am Anfang ein.
Bei Canvas-Width habe ich den Wert Fest und bei Canvas-Height den Wert Flexibel ausgewählt.
Seitenreiter:
Bei Page Tab Name geben Sie den Namen oder die Bezeichnung für die Seite ein, wie sie in der Tableiste auf Ihrer Facebook-Seite erscheinen soll.
In Page Tab URL geben Sie die URL zu dieser Inhaltsseite der WordPress-Installation ein.
In Secure Tab URL fügen Sie diesen Link von dem Anbieter Social Server ein: https://s14.phpfogapp.com/free/
Exkurs Social Server: Wenn Sie kein SSL-Zertifikat für die entsprechende Domain besitzen, dann können Sie den Service von Social Server nutzen, mit dem Sie kostenlos eine verschlüsselte Seite Ihres Inhalts erzeugen können. Sie finden Social Server unter folgendem Link: http://social-server.com/. Verbinden Sie sich damit über Facebook (Sign in with Facebook).
Um ein individuelles Bild für den Reiter einzufügen, können Sie unter Seitenreiter ein Bild (Größe 111×74 px) hochladen.
Bei Page Tab Width wählen Sie die neue Seitenbreite 810 px.
Speichern Sie Ihre Einträge dann ab.
Anwendung der Facebook-Seite hinzufügen
Um Ihre neue Anwendung Ihrer Facebook-Seite hinzuzufügen, öffnen Sie den Facebook Page Tab Generator, geben Ihre App-ID in das entsprechende Feld und generieren über den Button URL generieren Ihre Page Tab URL und rufen dann die generierte URL im Browser auf.
Hier der Link zum Facebook Page Tab Generator: https://apps.facebook.com/pagetabgenerator/
Wenn Sie sich mit Social Server verbunden haben, finden Sie dann auf der aufgerufenen Seite ein Feld vor, in das Sie die URL Ihrer WordPress-Seite einfügen (die URL, die Sie in der Anwendungserstellung in das Feld Page Tab URL eingetragen haben). Klicken Sie auf Submit und die Inhaltsseite von WordPress wird in Facebook angezeigt.
Wie Sie in der obigen Grafik sehen, wird nur Ihnen als Admin dieses Feld angezeigt. Andere Besucher der Facebook-Seite sehen die Angabe nicht.
Ist die Seite zu hoch geworden (über 800 px), dann wird an der rechten Seite ein vertikaler Scrollbalken eingeblendet. Um diese unschöne Anzeige auszublenden, sollten Sie in Ihre WordPress-Seite ein Code-Schnipsel einfügen:
script src=”http://connect.facebook.net/en_US/all.js”>
</script>
<script>
FB.init({
appId : „IHRE ANWENDUNGS-ID‟,
status : true,
cookie : true, xfbml : true });
FB.Canvas.setAutoResize(91);
</script>
</div>
Tauschen Sie Ihre Anwendungs-ID mit Ihrer App-ID aus.
Auf diese Art und Weise können Sie mehrere individuelle iFrame-Seiten in Ihren Facebook-Auftritt einfügen. Vor allem sollten Sie darauf achten, ein Impressum einzubinden, wenn Sie einen geschäftlichen Facebook-Auftritt haben.
Ich hoffe, ich konnte Ihnen mit dieser kleinen Anleitung zeigen, dass es doch recht einfach geht, eigene Inhaltsseiten auf Facebook zu erstellen, ohne ein SSL-Zertifikat zu erwerben und ohne großartige HTML-Kenntnisse aufzubringen.
Außerdem steht unter den Inhaltsseiten auf Facebook kein nervender Werbelink eines externen Anbieters wie z. B. bei HikeSocialApp.