Dienstag , 20 Februar 2018

Youtube-Channel auf Facebook-Seite mit FBML einbinden

Für die Betreiber einer Facebook Seite macht es Sinn, die eigenen Youtube Videos in einem eigenen Reiter darzustellen. Kostenfreie Apps gab es bisher nur für die Einbindung einzelner Videos. Werden jedoch ständig neue Videos auf einen Youtube-Kanal hochgeladen, kann es mühsam sein, diese jedes mal wieder einzeln einzubinden.

Über FBML hat man die Möglichkeit, den gesamten eigenen Youtube-Kanal auf der Fanseite darzustellen. Neue Videos werden automatisch übernommen. Das hat mehrere Vorteile:

  • Zeitersparnis: Neue Youtube-Videos müssen nicht manuell eingebunden werden.
  • Vollständigkeit: Alle Videos des Youtube-Kanals werden angezeigt.
  • Platzersparnis: Anstatt alle Videos einzeln am Bildschirm anzuordnen, wird nur ein Player-Fenster angezeigt.

Das Einbinden des Players ist relativ einfach. Nach Login im eigenen Youtube-Account gibt man folgende URL ein: http://www.youtube.com/custom_player

Hier kann man folgende Auswahl für den einzubindenden Youtube-Player treffen:

  • Name und Beschreibung

  • Farbschema

  • Layout

Beim Layout empfiehlt sich die schmälere Variante, für den Fall, dass FBML-Seiten auf 520 Pixel beschränkt werden.

  • Inhalt

Wenn man beim Inhalt „Meine Videos“ auswählt, wird der gesamte Youtube-Kanal dargestellt.

Sind alle Eingaben fertig, klickt man auf „Code generieren“ und erhält den Code, mit dem man den Player auf einer Website einbetten kann. Dieser kann so aussehen:

<object width=“416″ height=“337″><param name=“movie“ value=“http://www.youtube.com/cp/vjVQa1PpcFNn1bETEQ5TcZ8TBTrJDlpsSd7JnY1Q0Bg=“></param><embed src=“http://www.youtube.com/cp/vjVQa1PpcFNn1bETEQ5TcZ8TBTrJDlpsSd7JnY1Q0Bg=“ type=“application/x-shockwave-flash“ width=“416″ height=“337″></embed></object>

Daraus braucht man nur die Youtube URL. Diese muss man in den folgenden Code einfügen:

<fb:swf
swfbgcolor=“000000″
imgstyle=“border-width:6px; border-color:black;“
swfsrc=’http://www.youtube.com/cp/vjVQa1PpcFNn1bETEQ5TcZ8TBTrJDlpsSd7JnY1Q0Bg=‘
imgsrc=’http://www.aviseo.at/facebook/aviseo/aviseo_youtube.png‘ width=’492′ height=’391′ />

Dieses Code-Snippet wird per copy&paste in den FBML-Reiter integriert.

Vorsicht: Es können für die Verweise sowohl doppelte Anführungszeichen („) wie auch einfache (‚) verwendet werden.  Allerdings muss zum Öffnen und Schließen dasselbe zum Zug kommen: Also z.B. height=’391′ oder height=“391″, aber nicht z.B. height=“391′ .

Unter “imgrsc” muss auf ein Bild verwiesen werden, welches auf einem eigenen Webspace liegt. Dieses wird beim Aufrufen des FBML-Reiters zuerst angezeigt. Durch Anklicken desselben gelangt man zum Youtube-Player. Natürlich müssen Besucher darauf hingewiesen werden, entweder mit einem Text oder einem entsprechenden Symbol im besagten Bild. (Wenn kein Bild definiert wird, wird nur eine leere Fläche gezeigt.)

Nach erfolgreicher Umsetzung kann das Ganze so aussehen:

So sieht der Youtube-Kanal von AVISEO auf der Facebook-Fanpage aus.

Martin Zelewitz
Martin Zelewitz sorgt mit der AVISEO GmbH dafür, dass das Motto "Wir bringen Menschen auf Ihre Seite" für unsere Kunden in Google-Optimierung, AdWords Kampagnen und Social Media erfolgreich funktioniert. Für eine hohe Beziehungsqualität und möglichst langfristige Beziehungen zu Mitarbeitern, Kunden und Lieferanten bringt er neben Fach-Know-How langjährige Erfahrungen aus Change- und Projektmanagement ein.

29 Kommentare

  1. Danke für diesen Beitrag, genau das benötige ich für ein akutelles Projekt.

  2. das funktioniert leider nicht bei mir!

  3. jetzt funktioniert es :-)

  4. @Peiler- was hast du geändert? Funktioniert bei mir auch nicht.

    @ all – wie kann ich den Tab Namen von FBML1 auf YouTube ändern?

    thx

  5. @Flo: auf bearbeiten clicken. dann im Titel des Feldes den neuen Namen eintragen.
    lg

  6. Danke für die Tipps. Hab‘ es genau so ausgeführt, nur leider bleibt bei mir alles weiß und eine Verlinkung hat nicht stattgefunden, Kann mir jemand helfen? Was mache ich falsch oder habe ich nicht beantwortet. Danke schon mal für Eure Hilfestellung.

  7. hi Simon,
    ohne konkretere Hinweise tue ich mir in der Beurteilung schwer….
    ohne admin-zugang zu deiner fb-seite wüsste ich auf die schnelle nicht wie weiterhelfen.
    lg
    Martin

  8. Die Probleme liegen and en Anführunsgzeichen, die werden beim Kopieren falsch übernommen. Einfach alle überschrieben, dann klappts…

    LG
    Fabian

  9. Hi,
    kann es sein, dass das im Status „nicht veröffentlicht“ noch nicht angezeigt wird? Bei mir funktioniert das nicht, ich möchte aber die Seite noch nicht online stellen.

    Beste Grüße,
    Norbert

  10. Christopher Smith

    HI,
    ich kann leider kein Design drumherum bauen weil dann das startbild nicht mehr angezigt wird!

    MfG
    Christopher Smith

  11. Danke! Habe den Code in meine FBML Lightbox-Sammlung aufgenommen: http://on.fb.me/social-html_fb-page, Link ‚YouTube Flash Player‘ (oder ähnlich).
    Gruss,

    Andreas

  12. hi zusammen,
    kann mir jemand sagen, was an diesem code nicht stimmt?
    hab zwar jetzt einen youtube reiter auf der facebook seite, aber ist ebenfall alles weiß und nicht verlinkt…

    danke und viele grüße
    karen

  13. Danke für den Tipp. Funktioniert wunderbar.

    Hinweis für die, die Probleme haben.
    Wie Fabian oben schon geschrieben hat: Einfach alle Anführungszeichen manuell überschreiben.
    Dann solltes es gehen.

  14. Ich schließ mich mal an: DANKE.

    Solange man bei Youtube die Videos nicht automatisch auf die Fanpage veröffentlichen kann, ist diese Lösung hier der perfekte Ersatz!

  15. kann mir jemand helfen. habe die anführungszeichen geändert und auch alles geprüft.
    bei mir bleibt alles weiß :-(
    danke euch!

  16. Irgend etwas funktioniert bei mir nicht. Wenn ich die Seite mit dem IE öffne, dann sehe ich nur einen Rahmen und ein rotes X. Das Bild kann nicht geladen werden. Aber bei Klick innerhalb vom Rahmen funktioniert die Weiterleitung zum Player. Wenn ich die Seite mit Firefox öffne, dann sehe ich keinen Rahmen und kann auch nichts anklicken. Es funktioniert gar nichts.
    Kann mir wer helfen?
    Danke euch

  17. Ich hätte da mal eine Frage. Das einbinden hat soweit funktioniert, nur kann es seind as maximal 50 Videos angezeigt werden können?

    ich kann unten in der kleinen Auswahl maximal 50 der Videos auswählen.Es sind die 50 aktuellsten, die älteren werden dort nicht angezeigt.

    Gibt es eine Möglichkeit diese auch zu integrieren?

  18. Hallo,

    bin zwar spät dran, aber ich habe eine Frage: Auch ich habe nur einen weißen Bildschirm. Ich kann also unter “imgrsc” mein Bild nicht unterbringen. Kann es sein, dass es nicht funktioniert, weil ich über den ftp Server (Filezilla) das Bild hochgeladen habe?

    Hier mein Code: imgsrc=’ftp://XXX@XXX.de/Facebook/YoutubeChannel/UTUBE.jpg‘

    Danke für die Hilfe im Voraus!

  19. Hallo,

    Tutorials wie man Youtube Videos in einen „Reiter“ einbindet, gibt es ja mittlerweile viele und auch mit diesem Code hier klappt es bei mir.

    Aber ich möchte Hinter dem Player einen eigenen Hintergrund haben und den Youtube Player an einer bestimmten Höhe platzieren.

    Ich würd mich sehr freuen, wenn mir einer helfen könnte.
    Ich habe das auch schon im WordPress Forum gefragt, wo ich auch mal den Code gepostet habe, den ich genutzt habe, allerdings wird es mir damit nicht angezeigt.
    http://forum.wordpress-deutschland.org/plauderboard/79756-facebook-page.html

    Habt ihr eine Idee?

  20. Moin,

    Stand Mai 2011 – geht das immer noch so !. Facebook scheint Änderungen vorgenommen zu haben. Ich steige nicht mehr durch.

    Vielen Dank

  21. geht noch so!

  22. Hallo zusammen,
    bei mir funktioniert die Youtube-Seite http://www.youtube.com/custom_player nicht. Es sagt immer „Leider konnte die angeforderte Seite nicht gefunden werden.“ Wurde die Funktion woanders hin geschoben? Hat sich die URL verändert?

    Viele Grüße
    Sarah

  23. bei mir funktioniert generell der link http://www.youtube.com/custom_player nicht

  24. bei mir funktioniert das auch nicht

  25. der link auf yoututbe funktioniert ncht mehr..gibt es einen anderen mit denen diese anweisungen funktionieren?

  26. Das ist möglich mit https://developers.google.com/youtube/ zum selber bauen oder alternativ ein Service benutzen wie z.B. http://www.involver.com/applications/

  27. Gibt es auch eine Möglichkeit, nur die Videos einer einzelnen Playlist darzustellen?