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.
Autor: Martin Zelewitz
- Mehr bei
Weitere Posts zum Thema:
Juli 23rd, 2010 at 14:34
Danke für diesen Beitrag, genau das benötige ich für ein akutelles Projekt.
Juli 28th, 2010 at 10:43
das funktioniert leider nicht bei mir!
Juli 28th, 2010 at 10:49
jetzt funktioniert es
Juli 28th, 2010 at 17:21
@Peiler- was hast du geändert? Funktioniert bei mir auch nicht.
@ all – wie kann ich den Tab Namen von FBML1 auf YouTube ändern?
thx
Juli 28th, 2010 at 20:19
@Flo: auf bearbeiten clicken. dann im Titel des Feldes den neuen Namen eintragen.
lg
August 11th, 2010 at 09:08
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.
August 11th, 2010 at 09:14
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
August 12th, 2010 at 12:49
Die Probleme liegen and en Anführunsgzeichen, die werden beim Kopieren falsch übernommen. Einfach alle überschrieben, dann klappts…
LG
Fabian
August 13th, 2010 at 15:51
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
August 16th, 2010 at 11:18
HI,
ich kann leider kein Design drumherum bauen weil dann das startbild nicht mehr angezigt wird!
MfG
Christopher Smith
Oktober 12th, 2010 at 21:30
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
Oktober 26th, 2010 at 10:09
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
Oktober 27th, 2010 at 23:05
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.
Oktober 28th, 2010 at 08:34
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!
Oktober 29th, 2010 at 15:45
kann mir jemand helfen. habe die anführungszeichen geändert und auch alles geprüft.
bei mir bleibt alles weiß
danke euch!
Oktober 30th, 2010 at 22:29
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
November 8th, 2010 at 14:47
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?
Dezember 16th, 2010 at 17:14
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!
Dezember 18th, 2010 at 16:34
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?
Mai 17th, 2011 at 09:06
Moin,
Stand Mai 2011 – geht das immer noch so !. Facebook scheint Änderungen vorgenommen zu haben. Ich steige nicht mehr durch.
Vielen Dank
Juni 12th, 2011 at 14:32
geht noch so!
Juli 26th, 2011 at 16:18
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
September 10th, 2011 at 13:04
bei mir funktioniert generell der link http://www.youtube.com/custom_player nicht
Oktober 2nd, 2011 at 12:17
bei mir funktioniert das auch nicht
Dezember 10th, 2011 at 13:16
der link auf yoututbe funktioniert ncht mehr..gibt es einen anderen mit denen diese anweisungen funktionieren?