Januar 8, 2017

[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.

2Bisher 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:

html facebook tab
Vorschau: Bearbeitungsoberfläche von static html

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:reiter auf Facebook

  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öchtestFacebook Tab Einstellungen
  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 einFacebook-Reiter erstellen
  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

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

Hinterlasse einen Kommentar!

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

  1. Ein sehr guter Beitrag. Lohnt sich das bei Facebook heutzutage noch? Ich probiere es in jedem Fall mal aus. Viele sagen, dass TikTok und Insta mehr Traffic bringen.

    1. Probiere aus, welche Plattform für dich am besten funktioniert und dir am meisten Freude macht.

      Liebe Grüße,
      Daniela (Team Katrin Hill)

      1. Hallo Heike,
        den Tab einrichten geht leicht über den https://developers.facebook.com/apps/
        aber ich habe das Problem, dass der Tab / Seitenreiter nicht zu meiner Webside weiterleitet. Weißt du, an was das liegt? Ist das faktisch nicht mehr möglich?
        Ich möchte auf unsere Webside zur Newsletter-Anmeldung weiterleiten…
        Danke für deine Hilfe.
        LG Silke

        1. Hallo Silke,
          doch es gibt einen Weg. Über das Tool „Woobox“. Wir arbeiten da gerade an einem Blogartikel mit einer Anleitung für euch. Hab noch ein wenig Geduld 😉
          Liebe Grüße,
          Heike
          (Team Katrin Hill)
          PS. Je nach Newsletter-Anbieter gibt es auch Facebook-Apps, die direkt vom Anbieter angeboten werden.

          1. Hallo Heike,
            danke für deine schnelle Antwort. Es ist unser eigner NL, daher kein Fremdanbieter.
            Ich müsste leider zeitnah die Umsetzung machen. Hast du eine Info, wann ungefähr ich mit der Anleitung rechnen kann? Hast du Screens dann dazu?
            Lieben Dank.
            LG Silke

          2. Mit Woobox geht das erstellen von Tabs leider seit Neuestem erst ab einer Followerzahl von 2000. Gibt es noch eine Alternative eigene Tabs einzubinden?

  2. Hi,
    ich habe einen neuen Tab erstellt, aber Facebook erlaubt die Weiterleitung nicht mehr.
    Gibt es eine andere Lösung oder wie kann ich den neuen Welcom-Tab wieder löschen?
    Grüße

  3. Hallo,
    ich kann gar keine Tabs mehr bearbeiten oder erstellen, wollte die Notizen aktivieren… nix geht? Woran kann das liegen, Neustart ist schon erfolgt 😉

    1. Hallo Stefan,

      vielen Dank für den Link. Schauen wir uns gerne mal an!

      Liebe Grüße,
      Heike
      (Team Katrin Hill)

  4. Hallo,
    wie kann ich den Tab „Willkommen“ auf „Startseite“ umlegen/-leiten..!?
    Vielen Dank im Voraus

    LG Ralf

    1. Hallo Ralf,

      welchen Tab meinst du mit „Willkommen“? Kannst du mal einen Link schicken?

      Liebe Grüße,
      Heike
      (Team Katrin Hill)

        1. Hallo Maria, ich könnte mir vorstellen, weil dieser Link https hat – also SSL verschlüsselt ist? Ist dein Blog SSL verschlüsselt? Bei mir hat es trotz Verschlüsselung nicht geklappt. Eine andere Erklärung hätte ich in diesem Fall aber nicht. LG nach Kenia! Katrin

          1. Hallo Katrin,
            Das kenne ich nicht mit dem SSL – habe aber kontrolliert und der Blog ist nicht verschlüsselt.
            Doch habe ich es jetzt gefunden wie man es machen kann. Es gibt einen neuen Link und mit dem geht es…
            http://codepen.io/thunderpenny/pen/gpOEWV?editors=100
            Habe 3 neue Apps eingefügt und die funktionieren 🙂
            Wünsche dir noch viel Freude bei der „Arbeit“. Sonnige Grüsse – Maria

      1. Hallo Katrin,
        ich habe noch einen Nachtrag zu meinem Kommentar – der Spendenbutton wurde mit einem „script src“ gemacht und die anderen mit der Url vom Blog. Hoffe das sagt dir was, weil ich nämlich nicht die grosse PC Kennerin bin. Vielleicht liegt es an diesen verschiedenen Daten… LG Maria

  5. Hallo,
    ich habe einen neuen Tab erstellt, aber Facebook erlaubt die Weiterleitung nicht mehr.
    Gibt es eine andere Lösung oder wie kann ich den neuen Welcom-Tab wieder löschen?
    Grüße
    Eileen

    1. Hallo nochmals,
      ich konnte den Tab löschen. Gibt es eine andere Möglichkeit Tabs zu erstellen oder hat fb das komplett unterdrückt?
      Ihre Anleitung hat ansonsten hervorragend funktioniert.
      Grüße
      Eileen

      1. Hallo Eileen, ich habe noch keine andere Lösung gefunden. Woobox.com bietet es in der kostenlosen Version an, allerdings hat es bei meinem Text nicht funktioniert. LG Katrin

        1. Hallo Katrin,
          ganz herzlichen Dank für Ihre Antwort. Wenn sich in diese Richtung was tut, können Sie mir Bescheid geben?
          Das wäre super.
          Grüße
          Eileen 🙂

          1. Liebe Eileen,

            bekommst du Katrins Newsletter und folgst du ihr auf Facebook?
            Darüber bekommst du Neuigkeiten direkt mit 😉

            Liebe Grüße,
            Heike
            (Team Katrin Hill)

  6. Hallo Frau Hill,

    vielen Dank für die Anleitung! Hat wunderbar funktioniert.
    Allerdings nur für einen neuen Tab.
    Einen weiteren konnte ich nicht anlegen, selbst wenn ich die „App Static HTML… [Second Tab]“ oder weitere aus der Reihe nutzen will, komme ich immer beim identischen Fehler an:
    Bei „Tab zur Seite hinzufügen“ steht geschrieben: „Alle Facebook-Seiten, deren Administrator du bist oder auf denen der Tab für diese App bereits installiert war.“

    Haben Sie einen Rat?
    Was mache ich falsch?
    Danke! 🙂

    1. Liebe Christine,

      schau mal in deinen Einstellungen unter Seite bearbeiten oder auf deiner Startseite links ganz unten in der Navigation.
      Wenn du es immer noch nicht findest, dann schicke mir gerne einen Screenshot und den Link zu deiner Facebook-Seite an mail@katrinhill.com. Dann kann ich mir das mal näher anschauen.

      Herzliche Grüße,
      Heike Kotthoff
      (Support katrinhill.com)

  7. Liebe Katrin, vielen lieben Dank. Wie krieg ich denn mehr YouTube Videos auf einen Reiter? Ich kann nur immer ein Video reinstellen. Vielen lieben Dank 🙂

  8. Hallo,
    ich habe Schritt 1-5 gemacht und musste die Seite dann schließen. Wie komme ich jetzt wieder zu Schritt 6? Von vorne machen funktioniert nicht.

    Viele Grüße
    Natalie

    1. Hallo Natalie,
      ist der Reiter schon deiner Seite hinzugefügt worden? Dann kannst du ihn einfach editieren. Unter „Einstellungen“ und dann „Seite bearbeiten“ sollte der Reiter einsehbar sein. LG Katrin

  9. Liebe Katrin,
    ich habe entsprechend deiner Anleitung schon einmal erfolgreiche einen Reiter installiert. Jetzt wollte ich einen mit Webseiten-Weiterleitung hinzufügen, aber die App bietet mir immer wieder nur die Chor-Seite zur Auswahl an, obwohl ich mit meiner Seite https://www.facebook.com/PurnimaSystemEnergethik/ reingehen. Hier siehst du, wie das in der App aussieht: https://www.facebook.com/photo.php?fbid=10209159734888713&set=p.10209159734888713&type=3&theater Hast du einen Rat für mich?

  10. Liebe Katrin
    Vielen Dank für diese tolle und einfache Erklärung. Kann ich den die bestehenden Tabs auch ändern? Da hab ich irgendwie keine Lösch oder Änderfunktion.

    Liebe Grüsse
    Sandra

  11. Danke auch für die Anleitung, das war extrem hilfreich. Allerdings habe ich ein Problem, nämlich wenn man auf die Apps klickt und auf die entsprechende Seite weitergeleitet wird, und dann wieder zurück zur FB Seite möchte geht das immer im Kreis, sprich man landet immer bei der App. Was kann ich dagegen tun?

  12. N’Abend 🙂
    Also bis zum ersten Tab hat’s super geklappt, ich habe gleich mal meinen neuen Spreadshirt-Shop https://shop.spreadshirt.de/paraknots verlinkt 😀
    Bei der zweiten Verlinkung möchte die App irgendwie meine Seite verwalten… da hab ich dann mal lieber schnell abgebrochen, das war mir nicht geheuer.
    Ist das normal?
    Liebe Grüße
    Christine

  13. Hallo Katrin,
    vielen Dank für diese Tipps. Habe gleich mal ein paar Apps erstellt und mich noch ein zweites Mal zur Challenge angemeldet. Manche Dinge müssen reifen und dringen erst beim zweiten Mal durch 😉
    Ich freue mich darauf und auf das Ergebnis!
    Viele liebe Grüße
    Susi

  14. Sehr gute Anleitung, allerdings hat sich ein kleiner Fehler eingeschlichen: Bei ‚http://DOMAIN.com‘ müssen keine Anführungszeichen gesetzt werden, sondern vorne und hinten Hochkomma. Also ‚http://domain.com‘.
    Viele Grüße
    Katharina

    1. Die Anführungszeichen werden leider automatisch ersetzt. Daher ist es in meinem Kommentar oben auch verkehrt.

{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}

5 Beitrags-Vorlagen, die Verkaufen!

Verkaufen OHNE aggressiv zu verkaufen? Meine Spezialität! So geht's!

>