[Aktualisiert am 08. Januar 2017] Webseiten-Weiterleitung im Reiter funktioniert nicht mehr

Die Einbindung einer Webseiten-Weiterleitung als Reiter auf Facebook-Seiten ist leider nicht mehr möglich. Wenn du die weiter unten von mir beschriebene externe App eingebunden hast, dann funktioniert diese nun nicht mehr.

Du kannst die App wie folgt löschen:

1. Klicke auf deiner Facebook-Seite auf Einstellungen
2. Dann auf Apps
3. Klicke „x“ um die App zu löschen.

Bisher gibt es noch keine Alternative, wie man eine Webseiten-Weiterleitung in eine Facebook-Seite integrieren kann.

Den Facebook Tab einrichten

1. Gehe zu https://apps.facebook.com/static_html_plus
2. Klicke „Add Static HTML to your page“ (der blaue große Button)
3. Wähle die Facebook-Seite aus
4. Klicke „Seitenreiter hinzufügen„
5. Klicke „Edit Tab“ (grüner Button)
6. Füge das folgende Script in die index.php ein und achte darauf http://DOMAIN.com mit deiner Webseite zu ersetzen: Code für Webseitenweiterleitung – Facebook Reiter
7. Klicke „Save & Publish“ → Fast fertig!
8. Teste ob die Weiterleitung funktioniert, indem du deine Facebook-Seite öffnest. Am besten gehst du dafür mit einem anderen Profil als deinem auf deine Facebook-Seite und klickst darauf. Mit deinem eigenen Profil wirst du nur die Admin-Vorschau bekommen. Klicke „View on Facebook“ um die Facebook-Seite in einem neuen Browser-Tab zu öffnen.

So sieht die Bearbeitungsoberfläche aus:

Optional: „Enable on mobile devices“ ist die kostenpflichtige Version dieses Tabs mit der man diesen auch über das Handy aufrufen kann. In der kostenlosen Version ist das nicht möglich.

Den Tab-Namen bearbeiten

Facebook Tab-Namen bearbeiten:

1. Auf deiner Facebook-Seite „Reiter verwalten“ klicken
2. Optional: hier kannst du die Reiter sortieren. Die ersten 3 Reiter sind im Hauptmenü unter deinem Titelbild sichtbar, wenn die Namen nicht zu lang sind. Der 1. Reiter „Info“ ist immer vorne.
3. „Reiter hinzufügen oder entfernen„
4. Klicke „Einstellungen bearbeiten“ bei der App dessen Namen du ändern möchtest
5. Füge deinen Namen bei „Custom Tab Name:“ ein
6. klicke „Speichern„

[av_notification title=“ color='green‘ border='solid‘ custom_bg='#444444′ custom_font='#ffffff‘ size='normal‘ icon_select='yes‘ icon='ue82a‘ font='entypo-fontello‘ av_uid='av-28e911′]
Richtig cool wird es, wenn du Sonderzeichen einfügst im Namen wie auf meiner Seite www.facebook.com/KatrinHillcom;-)
[/av_notification]

Facebook Tab-Symbol bearbeiten:

1. Klicke bei „Eigenes Symbol“ Symbol auf „Ändern“
2. Ein neues Fenster öffnet sich und du kannst auf dem Bild auf „Bearbeiten“ klicken
3. Klicke „Datei auswählen“ und lade dein eigenes Bild hoch mit den Maßen 111 x 74 Pixel
4. Das Bild ist automatisch gespeichert
5. Prüfe dein Ergebnis auf der Facebook-Seite. Das Bild siehst du derzeit weiter unten links auf der Facebook-Seite.

Das Tab-Symbol erstellen kannst du mit einem Programm wie Photoshop oder du nutzt das kostenlose Online-Grafik-Tool www.canva.com. Ganz rechts oben siehst du nach der Anmeldung „Use custom dimensions“ wo du 111 x 74 Pixel eintragen kannst. Eine Anleitung für das Tool findest du hier.

Eine 2. Weiterleitung einrichten

1. Gehe zu https://dashboard.statichtmlapp.com
2. Wähle deine Facebook-Seite
3. Klicke „Add new tab“ (oranger Button)
4. Füge den Reiter-Namen ein
5. Klicke „Add tab now„
6. Klicke „Go to tab„
7. Du wirst auf deine Facebook-Seite weitergeleitet
8. Klicke „Set up Tab„
9. Folge der 1. Anleitung ab Schritt 6

Du kannst beliebig viele Reiter einfügen.

Webseite einbinden statt weiterleiten

Nachteile

Wie du in der Vorschau unten siehst, hat man in der kostenlosen Version ein großes, unschönes Banner. Daher empfehle ich – mit dieser Variante eher die Weiterleitung. Weiterhin zieht sich die Einbindung meist nicht die Fotos der Webseite, so dass es eher unschön aussieht.

1. Gehe zu https://dashboard.statichtmlapp.com
2. Wähle deine Facebook-Seite
3. Klicke „Add new tab“ (oranger Button)
4. Füge den Reiter-Namen ein
   
5. Klicke „Add tab now„
6. Klicke „Go to tab„
7. Du wirst auf deine Facebook-Seite weitergeleitet
8. Klicke „Set up Tab„
9. Klicke „Embed your website„
10. Klicke „Use website App„
11. Füge die URL ein und aktualisiere die Ansicht

Welche Reiter fügst du hinzu? Verlinke sie gerne im Kommentar!