Cómo integrar un canal Youtube en Facebook

Cómo integrar un canal Youtube en una página de fans de Facebook es una de las preguntas más nos han hecho empresas y organizaciones.  Muchas empresas disponen de un canal de Youtube en la red dónde cuelgan vídeos promocionales y una página de fans en Facebook. Para aprovechar las ventajas y el efecto viral de ambos, os enseñamos cómo conectar ambas plataformas.

Integrar Youtube en Facebook

Nuestro canal de Youtube en Facebook va a aparecer por completo cómo una pestaña más en nuestra página de fans de Facebook. Hasta ahora solo podíamos conectar vídeos de Youtube en Facebook por separado, no el canal entero. Ahora con esta nueva aplicación nos ahorramos el tedioso trabajo de integrar, uno por uno, nuestros vídeos de Youtube en Facebook.

Las aplicaciones FBML nos brindan la oportunidad de integrar el canal Youtube por completo en nuestra página de fans de Facebook. Cada vez que subimos un vídeo en Youtube, este se va a añadir de manera automática en nuestra página de fans.

Cómo integrar Youtube en Facebook en 6 pasos

Añadir el reproductor es relativamente simple.

1 – Debemos ir a nuestra cuenta de canal Youtube

2 – Escribimos en nuestra cuenta la siguiente URL:
http://www.youtube.com/custom_player

3 – El canal nos dá distintas alternativas para integrar Youtube con Facebook:

• Nombre y descripción


• Combinación de colores
• Diseño
• Contenido

Es bastante probable que dentro de muy poco las pestañas de las aplicaciones propias de Facebook van a reducirse a 520 píxeles. Es por eso que recomendamos la versión de diseño más estrecha para no tener problemas con nuestra pestaña en Facebook más adelante.

4 – Seleccionamos “Mis vídeos” para asegurarnos de que todo nuestro canal Youtube esté en nuestra pestaña de Facebook.

5 – Si hemos rellenado todos los campos, hacemos click en “Generar Código”. Vamos a recibir un código para enlazar con nuestra página web.  Debe tener un aspecto similar a esto:

<object width="416" height="337"><PARAM 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>

6 – Copiamos el URL de youtube (solo el URL!)  y lo integramos en el  siguiente código:

corregimos el código por los errores que habia con las comillas – gracias GonZoo por tu comentario: Con las comillas es importante utilizar las mismas comillas para abrir y cerrar un tag, una comilla simple (‘) o una doble (“). Funciona con ambos , pero si se abre un tag con una comilla simple (width=’xxx’ se tiene que cerrar tambien con una simple (width=’xxx’ y no width=’xxx”). Si se abre con una doble se tiene que cerrar con una doble.


<fb:swf
   swfbgcolor="000000"
   imgstyle="border-width:6px; border-color:black;"
   swfsrc='http://www.youtube.com/cp/vjVQa1PpcFNn1bETEQ5TcZ8TBTrJDlpsSd7JnY1Q0Bg='
   imgsrc='http://www.aviseo.at/facebook/facebookmarkting-es/aviseo_youtube1.png'
   alt="Facebookmarketing.es y AVISEO en Youtube"
   width='492' height='391'
   title="Canal Youtube de AVISEO" />

La parte del código “imgsrc” determina el grafico que se muestra al empezar el video-player. Ahí debemos especificar la url de una grafica que queremos utilizar. En nuestro caso http://www.aviseo.at/facebook/facebookmarkting-es/aviseo_youtube1.png es una grafica que se encuentra en un servidor nuestro.

Una vez conectado con nuestra pestaña FBML de Facebook copiamos el código de arriba en la pestaña FBML. En seguida vamos a poder ver nuestro canal Youtube en nuestra página de fans. El resultado: AVISEO, canal Youtube en Facebook.

Ventajas de integrar Youtube en Facebook:

• Ahorro de tiempo: los nuevo videos de nuestro canal Youtube no tiene que ser integrado de forma manual en Facebook
• Integridad: todos los videos del canal de Youtube.
• Ahorro de espacio: en lugar de mostrar todos los videos de Youtube de forma individual en Facebook, se mostrará una sola pantalla cómo reproductor.

Deja un comentario

*

37 comentarios

  1. Laia

    Buenos dias,

    Quisiera saber donde exactamente de mi canal de youtube debo poner el url para poder seguir adelante, pues no encuentro el sitio.

    Gracias

  2. Moira

    Hola Laura! Excelente post. Pero me queda la duda de cuando integramos solo la URL del código generado con el código imgsrc. Lo intenté pero me da error, será que estoy copiando mal algo, no?

    • Laura Casals

      Hola Moira,
      de buenas a primeras no sé dónde está el error. Quizás puedes enviranos el código para que podamos ver de dónde viene el error.
      Un saludo*

  3. jose

    Hola!! he hecho todo el proceso pero en la pestaña no me aparece nada. En el recuadro de la pestaña de facebook he pegado el código resultante pero no funciona….me sale la pestaña en blanco si ningun reproductor. Algo hago mal pero no sé qué. Gracias por tus consejos. un saludo

    • Laura Casals

      Hola Jose,

      te digo lo mismo que Moira. Por favor, mándanos el código y así vemos de dónde viene el error.
      Un saludo*

  4. Pedro

    A mi tampoco me funciona. Dónde fallaron los demás? :-P Así miro a ver si lo arreglo. Gracias!!

  5. Laura Álvarez

    Saludos,

    Mil gracias por los consejos, pero tenemos un problemas con este apartado. Este es el código qué generamos

    <Fb: swf

    <Fb: swf
    swfbgcolor = "000000"
    imgStyle = http://www.actifcr.net/laura/germenvi.html
    swfsrc = ‘http://www.youtube.com/cp/vjVQa1PpcFPgHfsa1YDMXQHOzwbUDQcfBN_pGeXiQa8=‘

    Pero no entendemos porque sigue sin aparecer en la pestaña FBML de Facebook.

    Gracias de antemano por la ayuda brindada

  6. GonZoo

    El error viene de que hay que ser un poco más fino publicando un artículo.

    El código que habéis puesto no es de “copiar y pegar”, está mal formateado, con 5 tipos de comillas distintas (¿lo habéis redactado con el word?), con saltos de línea. Aprovechad que el wordpress permite pegar con la etiqueta “code” para que os respete el texto.

    También pasáis por el tema del imgsrc como si nada. Hay que explicitar que necesitarán una imagen (y alojarla en alguna parte) porque de entrada no se va a mostrar el reproductor.

    No estaría de más que citaseis de dónde habéis sacado la idea ¿Quizá de aquí? http://www.hyperarts.com/blog/tutorial-embed-youtube-channel-slideshow-static-fbml-page/

    • Martin Zelewitz

      Hola GonZoo,
      gracias por tu análisis. Efectivamente habíamos copiado el código con la opción “pegar como texto plano” y no con la etiqueta “code” en el wordpress.
      Lo hemos corrigido integrando un editor.
      El link que has puesto de hyperarts.com explica bien el tema. Con un detalle no estoy de acuerdo: según mi experiencia no es necesario cerrar el tag con . Nosotros no lo hemos hecho nunca y siempre funciona.
      un saludo
      Martin

  7. jilner

    No, no me da… intento e intento y no me reproduce nada… lo otro… debemos tener necsariamente una url de imagen de fondo, osea debemos tener un servidor con imagen?

    • Laura Casals

      Hola Moira,

      hemos corregido el post, a ver si hay más suerte…!
      un saludo*

  8. Martin Zelewitz

    Hola a tod@s
    gracias por vuestros comentarios. Tal como lo ha analizado GonZoo efectivamente había un error con las comillas en el post. Lo hemos corregido y esperamos que ahora funcione bien para vosotros!
    un saludo
    Martin

  9. Muchas gracias amigos por toda la información que suben al sitio, en tiempos en que se sube tanta info es complicado encontrar estos oasis de calidad

    Saludos
    Sergio Mangini desde Patagonia

  10. fera

    esta super genial!!!! si em funcionó!!! gracias amigo

  11. Martin Zelewitz

    Hola Daniel,
    no cogo tu pregunta.. pf escribeme más detallles

  12. Hola! Yo realizo todos los pasos, en youtube me dan el codigo embed al que le pongo entre las comillas, el código URL de mi canal de Youtube. hasta ahí creo que todo va bien. (creo)
    me da lago como esto:

    El problema viene en el siguiente paso… el tema de la “imgsrc”. Ya tengo una imagen cargada y tengo su URL, lo que no se es cual es el codigo en el que tengo que adjuntarla. No se si pueden ser mas claros con esa parte.
    Porque yo en la aplicación FBML coloco el nombre de la pestaña y el código que les puse mas arriba, pero aparece en blanco… así que me imagino que tiene que venir otra cosa mas… pero no se. Les agradezco si pueden responderme. Yo soy una total inexperta en este tema…
    Mil gracias!

  13. Cesar

    Hola Martin, me funciono de maravillas, gracias por compartir tanto con simples mortales. Solo algo mas a ver si lo puedes compartir, comose hace el marco donde queda incrustrado el video?, muchas gracias.

    • Martin Zelewitz

      Hola Cesar,
      deberías hacer el marco directamente en youtube y entonces viene incluido en el código.
      un saludo
      Martin

  14. Lo hice bien, pero al abrir la pestaña no hay nada, todo esta en blanco. Hay que hacer click en el blanco y alli si aparece el reproductor. Hay que hacar algo para que el reproductor aparezca solo, sin hacer click? gracias!!!

  15. DP

    Hola, quería saber si existe alguna aplicación similar a “Youtube Channel” que sea gratuita ya que me pide una suscripción paga para usarla.
    Sino me podrían decir cuáles son las aplicaciones similares que hay para comparar los precios de suscripción?
    Muchas gracias.

  16. Leon

    Hola, yo quiero integrar en la pag web de un programa de radio una “pestaña” con videos… me podrian decir con cual de todas las aplicaciones me conviene y los pasos a seguir.
    Yo ya probe con iframes y static, pero no me sale…
    Agradezco la ayuda, contestar al mail…

    Paz!

  17. Como podríamos integrar nuestro reproductor de video de b2video, en el muro de facebook cada vez que alguien clickara en el botón me gusta o copiarà nuestro enlace de url ??,…o sea como hace Youtube,….

  18. Dante

    Y que tal con las reproducciones si las cuenta en youtube bien? o se pierden si se ven los videos en facebook?

  19. Hola, cuando escribo la URL me dice “No se ha encontrado la página solicitada” En qué estoy fallando?

  20. Mí no entender

    Hola, yo me piedo diréctamente en el paso 1, porque no entiendo lo de que hay que “escribir” el link http://www.youtube.com/custom_player “en YouTube”.
    Si es un link, se puede acceder desde cualquier sitio, ¿no vale con copiarlo? Y con escribirlo en YouTube te refieres a escribirlo en la barra de direcciones? Es que no sé que relevancia tiene hacer nada desde YouTube en este caso si lo que queremos es acceder a un link.
    ¿Qué significa exactamente escribirlo desde YouTube, que hay que tener iniciada la sesión?
    En cualquier caso, el link me lleva a una página de YouTube con el siguiente mensaje: No se ha encontrado la página solicitada. Prueba a hacer otra búsqueda.
    ¿Qué puedo hacer? Porque no paso de aquí…
    Muchas gracias.

  21. Nonica

    Hola, tengo un grupo, soy administradora del mismo y tengo el problema que no puedo ver los albumes, me podria indicar como solucionar el problema ?? muchas gracias

    • ¡Hola! ¿Eres administrador con plenos poderes (poder añadir admins, eliminar la página)…?
      Lee nuestro artículo: http://www.cuentamelared.com/tipos-cuentas-admin-fb/

      Si no, de existir los álbumes creados, la verdad que el problema es un poco extraño. Prueba a conectarte desde otro explorador u equipo, puede que sea algún plugin que este bloqueando el contenido fotográfico.
      ¡Suerte!