Wie Sie eine eigene Facebook Anwendung erstellen
In diesem kurzen Tutorial soll es darum gehen, Ihnen zu zeigen, wie Sie eine Facebook Anwendung und Anwendungsseite erstellen. Am Ende erfahren Sie noch, wie Sie die Anwendung einer Seite (Page Tab) hinzufügen.
Zuallererst müssen Sie eine Anwendung bei Facebook erstellen. Sollte dies Ihre erste Anwendung sein, müssen Sie Ihr Entwicklerkonto verifizieren. Das machen Sie mit Ihrer Kreditkarte oder Handynummer. Sie erhalten dann von Facebook einen Hinweis mit weiteren Informationen.
Neue Anwendung erstellen
So geht´s:
1. Öffnen Sie die Entwicklerseite auf https://developers.facebook.com

2. Klicken Sie auf “Anwendungen”

3. Klicken Sie auf “Neue Anwendung erstellen”

4. Der Anwendung einen gewünschten Namen geben. Wörter wie “Facebook”, “FB” o. ä. werden abgelehnt. Dann den App Namespace eintragen. Dieser Name erscheint in der App-URL. Hier wird die Verfügbarkeit überprüft. Den FPP zustimmen.

Damit haben Sie eine neue Anwendung erstellt. Sie haben eine App ID und App Secret Code (Sicherheitsschlüssel) bekommen. Nun können Sie die Einstellungen für die Facebook Intergration vornehmen. Das ist Ihre Website mit dem genauen Pfad zu den Anwendungsinhalten (Canvas-URL) und die Einstellungen für den Seitenreiter (Page Tab). Der Seitenreiter kann später zu einer Fanpage, als neuer Tab, welcher den Anwendungsinhalt anzeigt, hinzugefügt werden.
Anwendungsinhalte und den Seitenreiter (Page Tab) anlegen
1. Als Erstes müssen Sie Ihre Anwendungsdomain eintragen, wo Ihre Anwendungsinhalte liegen (ohne http://) Wichtig: Diese Domain muss ein SSL-Zertifikat haben, d.h. auch https-fähig sein.

2. Danach tragen Sie die genaue Adresse der Website, die Canvas-URL (Ordner mit den Anwendungsdateien) und die Page Tab URL (kann irgendeine Seite im Anwendungsordner sein) ein. Die Canvas-URL ist die angezeigte Startseite auf der Canvas-Seite (App-URL) und der Page Tab ist die Willkommensseite auf der hinzugefügten Seite (Fanpage). Secure Canvas URL und Secure Page Tab URL bitte mit https eintragen. Änderungen speichern!

Seitenreiter (Page Tab) einer Fanpage hinzufügen
Facebook erstellt für neue Anwendung keine Anwendungsprofilseiten mehr. Somit lassen sich neue Anwendungen nicht mehr über den Link “Zu meiner Seite hinzufügen” einem Seitenreiter (Tab) hinzufügen. Mit der Eingabe der Page Tab URL funktioniert es aber weiterhin.

So geht´s:
1. Öffnen Sie den Facebook Page Tab Generator – hier klicken
2. Tragen Sie dort Ihre App ID ein und klicken auf URL generieren.
3. Klicken Sie die Page Tab URL und fügen die Anwendung einer Seite hinzu.
Hinweis: Sie dürfen den Page Tab Generator kostenlos installieren und gelangen somit jederzeit mit nur einem Klick zur Anwendung. Damit sparen Sie eine Menge Zeit.
Anwendungsseite erstellen
Facebook erstellt keine Anwendungsprofilseiten, da diese innerhalb von Facebook kaum genutzt wurden und somit überflüssig geworden sind. Anstelle von Profilseiten, können App-Entwickler nun Anwendungsseiten erstellen. Eine Anwendungsseite ist im Prinzip eine Fanpage, nur mit dem Unterschied, dass oben der Button “Go to App” eingeblendet wird.
So geht´s:
1. Öffnen Sie bei den Anwendunsgeinstellungen die Seite “Fortgeschritten” und klicken unten auf den Button “Facebook Seite erstellen”.

2. Danach die App Community Page bestätigen. Der Name der Anwendungsseite ist der gleiche, wie die Anwendung selbst, nur mit dem Zusatz “Community”

3. Danach erscheint der Link zur Seite. Klicken.

4. Jetzt noch durch Klicken die Seite veröffentlichen. Fertig!

Beispielseite: Page Tab Generator Community – hier klicken
Hat Ihnen diese Anleitung gefallen?
Viel Erfolg!
Ihr, David Seffer
Tags: Anwendung • Anwendungsprofilseite • Anwendungsseite • App • Canvas URL • Facebook • Page Tab URL
Kategorie: Anleitung
Gefällt Dir dieser Blog? Dann abonniere den RSS Newsfeed!


















Hallo David,
gut das Ganze mal zusammengefasst zu sehen. Kannst du mir davon bitte ein PDF zusenden?
Grüße
Helmut
Hallo Helmut, ein PDF habe ich davon nicht. Aber du kannst den Inhalt aus dem Blogartikel kopieren (gedrückte Maustaste) und in ein Word-Dokument einfügen. Ich denke, dass müsste funktionieren. Dann aus Word als PDF speichern.
Moin David,
wie immer hervorragend erklärt. Es macht immer wieder Spaß nach Deinen Ausführungen zu arbeiten.
Grüße aus Hamburg
Super, dass es dir gefällt.
Hallo David,
vielen Dank für die super Erklärung. Ich war schon ganz verzweifelt, weil ich eine Impressum-Seite nicht hinzugefügt bekam. Jetzt funktioniert alles bestens.
Grüße
Iris
Bitteschön.
kurz und gut…. danke….
Frage: Meine Anwendungen können von den meisten geöffnet werden, aber wiederum von anderen nicht… mit etwas Glück… gibts da bestimmt eine ganz einfache Erklärung… Bedanke mich für die Hilfe und dieser tollen Anleitung…
Meine anwendungen laufen zwar scho ne weile,,, aber endlich habe ich die Sicherheit das ichs richtig gemacht habe…
Und wichtig… diese Anleitung hier ist eine der ganz wenigen die Aktuell ist.
Hallo David,
vielen Dank für dieses Tutorial! Das ist wirklich hilfreich!
Ich versuche gerade meine erste App zu erstellen und scheitere an
der Anwendungsdomain, die will facebook nicht anerkennen und gibt mir folgende Fehlermeldung.
“Error
You have specified an App Domain but have not specified a Site URL or a Mobile Web URL
allxxxxt.com must be derived from your Site URL or your Mobile Web URL.”
Die hilft mir leider nicht weiter, daher freue ich mich auf Antwort!
Liebe Grüsse
Mela
Oops! Hat sich erledigt! Vielen Dank!
hab densenben fehler. kannst du mir sagen, wie du das erledigt hast?
Lieber David,
ich hatte nach deiner Anleitung meine erste App gebaut.
Das hat auch nach anfänglichen Schwierigkeiten gut geklappt.
Nun stellt sich heraus, dass nicht jeder “Bild” sehen kann.
Der Page Tab ist immer vorhanden.
Woran könnte das liegen?
Um jede Antwort bin ich dankbar.
Liebe Grüsse
Mela
Ich habe deine schritte befolgt aber irgenwie kommt dach dem ich die Sicherheitskontrolle gemacht habe stand da : “Dein Konto muss bestätigt sein, bevor du diese Aktion tätigen kannst. Bitte lasse dein Konto bestätigen, indem du deine Handy oder Kreditkarte hinzufügst.”
Was soll ich jetzt machen?
Handy-Nr. nehmen und Konto bestätigen.
Hallo Herr Seffer,
Vielen Dank für die Anleitung …
Ich habe alles genau nach der Anleitung gemacht wenn ich aber dann von meiner Fanpage auf den neu erstellten Reiter klicke zeigt mir Facebook zwar eine Unterseite an …
Not Found
The requested document was not found on this server.
Web Server at grafikdesignstudio.com
Wenn ich aber direkt die sichere URL aufrufe …
xxxx
bekomme ich eine Warnmeldung angezeigt
This Connection is Untrusted
You have asked Firefox to connect
securely to grafikdesignstudio.com, but we can’t confirm that your connection is secure. Normally, when you try to connect securely,
sites will present trusted identification to prove that you are
going to the right place. However, this site’s identity can’t be verified.
What Should I Do?
If you usually connect to
this site without problems, this error could mean that someone
is trying to impersonate the site, and you shouldn’t continue.
Kann es sein das etwas mit meinen SSL Zertifikat nicht ganz in Ordnung ist und mir deshalb innerhalb von Facebook diese Fehlermeldung angezeigt wird ?
Weil sonst sieht ja alles ganz gut aus …
Würde mich über eine schnelle Antwort sehr freuen ….
Mit freundlichen Grüßen
Torben K.
Auf einen schnellen Blick würde ich “ja” sagen. SSL Warnung: This Connection is Untrusted.
Hallo,
ich habe leider Probleme mit meiner App und weiß einfach nimmer weiter … ich habe meine app installiert wie hier beschreiben aber warcheinlich steckt ein Fehler drin…
Die App seleber kann ich Problemlos nutzen aber manch andere user nicht, sie können die App zwar betätigen aber bei Aufruf kommt eine Fehlermeldung …
” Die seite sei nicht Erreichbar ” und seit neuestem Fehlt mir auf meiner Fanseite bei Facebook der Anwendungsbutton neben dem Likebutton …
Kann mir wer helfen oder meine App mal anschauen
Bin nur noch ratlos…
LG und Danke schonmal
Sehr schwer zu sagen.
Hallo,
ich habe nun auch endlich eine App erstellen können. Allerdings taucht bei mir das Problem auf, dass wenn ich die URL mit dem Generator erstelle und auf die URL klicke nur folgende Aussage kommt:
Diese Anwendung unterstützt die Einbindung in dein Profil nicht.
Was könnte mein Fehler sein? Bei mir erscheint leider auch kein Button auf der Fortgeschrittenen Seite mit “Facebookseite erstellen”.
Beste Grüße.
Hört sich nach einen Fehler in den App-Einstellungen an. Hast Du die Einbindung für den Fanpage (Tab) definiert?
Hallo David,
sehr schönes Tut – aber ich habe wohl einen Fehler gemacht da sich keine Verbdinung zu meiner Website herstellt… habe schon gesucht und gesucht. Finde aber nichts… kannst Du mir vielleicht helfen?
Danke!
Viele Grüße
Kitty
Dann kontrolliere unbedingt die URL (Pfade) zu deiner Website. Oft steckt dort der Fehler.
Wenn ich bei Schritt 2 auf “Anwendungen” klicke öffnet sich bei mir nicht das Fenster mit “neue App erstellen”. Ich komme immer wieder auf den Administrationsbereich der eigenen Unternehmensseite.
SMS Registrierung habe ich gemacht.
Eine E-Mail mit “Welcome to Facebook Developers” hatte ich auch erhalten.
Warum funktioniert das bei mir nicht ??????
Sie brauchen ein eigenes persönliches Profil, sollten Sie nur eine Unternehmensseite haben.
also ich weiß nicht genau was ich bei Namensspace reinschreiben soll♥
Was du willst. Allerdings prüft FB ob der Name noch verfügbar ist.
Hallo
ich habe ein Facebook-Konto für eine Organisation erstellt
(http://www.facebook.com/pages/create.php).
Dort gibt es keine Möglichkeit eine Anwendung zu erstellen.
Habe gelesen man soll dieses (page)-Konto mit einem persönlichen Facebook-Konto verbinden. Doch ich möchte kein persönliches Facebook-Konto. Gibt es eine Lösung?
Vielen Dank
Nach meinem letzten Kenntnisstand brauchen Sie ein persönliches FB Konto.
Danke für die sehr hilfreiche Beschreibung. Rein aus dem Verständnis, warum sehe ich diese Anwendung nicht in der iOS App von FB? Fehlt diese Integration generell? Oder muss/kann ich das irgendwie steuern, dass meine erstelle Anwendung erscheint?
Besten Dank im Voraus.