Facebook Fanpage gestalten – Menü und Inhalte einbinden

Von Social Media

Facebook ermöglicht die Ergänzung der Fanpage mit eigenen Menüpunkten. Die Inhalte werden in einem iFrame eingebunden. So können zum Beispiel Webformulare zum Newsletter anmelden oder aktuelle Texte eingebunden werden.

Wir haben beispielsweise für Berghoch2 das aktuelle Programm eingebunden.

siehe http://www.facebook.com/Berghoch2?sk=app_106275372811606

 

Wie funktioniert das Einbinden einer Website als iFrame mit eigenem Menüpunkt auf einer Facebook Seite?

4 grundlegende Schritte (Stand Dezember 2011)

A) Zuallererst muss die einzubindende HTML Seite gestaltet werden oder es gibt sie schon. Die maximale Größe auf dem Bildschirm darf 510px Breite x 800px Höhe sein. Ansonsten erscheinen Scroll Balken und die eingebundene Seite ist nicht vollständig zu sehen.
In unserem Beispiel sieht die Webseite, die eingebunden werden soll so aus: http://www.raumdirekt.com/fb-ssl/programm-reader.php

B) Die Seite muss auf einem Webserver abgelegt werden (z.b. dort wo Ihre Webseite liegt, kann aber auch ein anderer öffentlicher Webserver sein). Seit 1.10.2011 muss die Seite zusätzlich unter einer SSL Verbindung erreichbar sein. Das erkennt man am vorangestellten https:// wie hier: https://www.raumdirekt.com/fb-ssl/programm-reader.php

C) Nun muss eine Facebook Anwendung erstellt werden, in der man die URL der darzustellenden Seite definiert

1. gehe zu https://developers.facebook.com/apps
2. rechts oben -> neue Anwendung erstellen
3. App Name angeben (sieht nur der Admin)
4. Sprache wählen
5. Sicherheitskontrolle
6. Einstellungen siehe Bild unten

D) jetzt die Anwendung auf der Fanpage als Menüpunkt einbinden

1. die App wieder öffnen – „Bearbeiten / Edit Settings“ klicken
2. links im Menü auf „View App Profile Page“ also Anwendungsprofilseite gehen


3. links im Menü „Zu meiner Seite hinzufügen“ klicken


4. die Fanpage auswählen, auf der die Anwendung erscheinen soll.
Das eigene Bild neben dem Menüpunkt bestimmen. Mit „Edit Icon“ auf der App Seite.

Fertig!

Teilen:Share on Facebook0Tweet about this on TwitterShare on LinkedIn0Share on Google+0Buffer this pageEmail this to someone

Getagged unter: