FBML: Insira seu Canal do Youtube no Facebook

Facebook Fbml

Olá, amigos da Agência Mestre!

Como estão as aplicações e o uso do Facebook para o seu negócio?

Pegando carona no artigo de FBML, onde apresentamos a linguagem e algumas possibilidades de como trabalhar com ela, trouxemos hoje mais uma dica interessante para incrementar sua página: vídeos do Youtube.

É possível, através de FBML, inserir um canal completo do maior portal de vídeos da Internet. A tarefa é bastante simples, não dá tanto trabalho e o resultado é bastante interessante. Siga os passos abaixo:

Passo 1 – No Youtube

Faça o login com sua conta no Youtube para ter acesso ao seu canal e seus vídeos. Já logado, entre na área de customização de player através deste endereço: http://www.youtube.com/custom_player/

Customize da maneira que achar melhor: título, descrição, tema de cores…

Tela de customização de player no Youtube

Na parte de Layout, escolha o primeiro modelo de player, sem a coluna da direita que exibe outros vídeos. Isto é necessário, por conta dos limites de espaço da página do Facebook, que não realiza a formatação deste segundo modelo do Youtube.

Escolha a seguir qual será o conteúdo exibido. Se deseja exibir os vídeos que você enviou, ou aqueles favoritos dentro da rede.

Por fim, gere o código, que será algo mais ou menos assim:

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

Passo 2 – O FBML

Tenha em mãos o código para inserir o player de Youtube no Facebook:

<fb:swf
swfbgcolor="000000"
imgstyle="border-width:3px; border-color:white;"
swfsrc=''
imgsrc='' width='492' height='391'/>

Temos acima dois atributos importantes que devem ser alterados por você na hora de montar o FBML: swfsrc e imgsrc.

O primeiro corresponde ao atributo “value” lá no código do Youtube que foi gerado no primeiro passo, basta encontrá-lo, copiar e colar dentro das aspas. Já o segundo refere-se a URL de uma imagem que você precisa inserir como um botão para startar o player recém-criado.

Procure montar, ou encontrar no Google, uma imagem com as mesmas dimensões do seu código. Feito isso, cole o endereço entre as aspas do atributo.

Usando o exemplo do meu canal, encontrando uma imagem via Google Images, montei o seguinte código:

<fb:swf
swfbgcolor="000000"
imgstyle="border-width:3px; border-color:white;"
swfsrc='http://www.youtube.com/cp/vjVQa1PpcFNB4FKNgz1oTqLVWrtI2oWxMQ2pl1G5kdk='imgsrc='http://platform.ak.fbcdn.net/www/app_full_proxy.php?app=6009294086&v=1&size=o&cksum=481299f11b98086f1a61eaf68949041b&src=http%3A%2F%2Fwww.hyperarts.com%2Ffacebook%2F_img%2Fclick-to-play.gif' width='492' height='391'/>

Se tudo deu certo, você terá em sua aba de FBML no Facebook a seguinte imagem:

Botão de "Play" inserido no Facebook

Ao clicarmos no botão, teremos, por fim, o vídeo para ser exibido!

O canal do Youtube exibido no Face

A princípio, passando os olhos pelo artigo e seguindo os passos, a tarefa parece ser complicada. Mas os modelos já vêm prontos e até quem não possui conhecimento específico de códigos, atributos e valores, pode facilmente fazer todo o processo de montagem e inserção de seu canal de vídeos do Youtube dentro de sua página no Facebook.

Experimente, dê um acréscimo à sua fan page. Trabalhe sempre com o FBML para oferecer maiores possibilidades de atrair novos membros que possam curtir o seu trabalho na rede social.

Divulgue este artigo

29 Comentários para “FBML: Insira seu Canal do Youtube no Facebook”

  1. Domicio Neto

    Fala Ique Muniz!

    Mandou muito bem nesse post.

    parabéns cara!

    PS: Uso Google Chrome e a URL do vídeo no Youtube que você colocou no post criou scroll horizontal.

    Responder
  2. Lucas Frutig

    Boa tarde, muito bom o post, porém, fiz tudo como falou, mas na hora da imagem, não consigo fazer com que ela apareça na minha página do facebook
    vlw

    Responder
    • Ique Muniz

      Olá Lucas

      A imagem não aparece, mas se você clicar no campo em branco os vídeos surgem? Se sim, é problema com o local que você escolheu a imagem (a url). Tente outra imagem, de outro local. Verifique também o tamanho dela (width / height).

      Agora, se ao clicar no espaço que era para ser exibido o canal e nem os vídeos aparecerem, tem algo errado no processo anterior…

      Responder
  3. Mohandas Hirata

    Ou ÓTIMO – FANTÁSTICO POST , fiz tudo como vc citou ai e deu tudo certinho.

    Parabens mesmo !!!!!

    Aproveitar e perguntar, como FAÇO pra o meu Canal ou FBML do FB ser a página incial da minha Página do FB, quando a galera ir pra minha Página ja cair no FBML que é onde estar meu canal do YouTube

    Sem mais, obrigado !

    Responder
    • Ique Muniz

      Ola.. Só ir na área de Editar Página e logo na primeira página tem o item “Default Landing Tab”.. segundo item ali acima das tres caixinhas pra marcar.. Ali você escolhe qual aba default pra ser aberta assim que alguem entrar na página

      Responder
  4. Tal Lieven

    Eu fiz as instruções indicadas… mas o layout ficou diferente do que eu estava esperando…
    Gostaria de fazer algo como está nesta fan page: http://www.facebook.com/TwoandaHalfMen?sk=app_3801015922
    Note que:
    - aparece um ícone do Youtube no menu (abaixo da foto principal da fanpage)
    - Todos os vídeos do canal são exibidos, em tamanho pequeno.

    É possível? Poderia colocar um tutorial sobre isso?
    Muito obrigada! Suas dicas são sempre muito úteis.

    Responder
    • Ique Muniz

      Ola Tal

      Eu coloquei um app parecido com esse (se não for) do seu exemplo em nosso último artigo. O VideoBox. Dê uma olhada!

      Responder
  5. Douglas

    Eu segui do jeito que vc ensinou ,mas qdo agente clica na aba do video o player
    aparece como tivesse desabilitado, ai se clica em cima dele ele funciona.
    Não tem como aparece legalzinho assim como no tutorial ?

    Eu gostaria de saber como faço para colocar um canal do youtube igual da Claudia Leite ?

    Olha o Link :

    http://www.facebook.com/ClaudiaLeitte?sk=app_158587972131

    Show de bola esse canal dentro do facebook, eu instalei o aplicativo,mas ai disse que era pago,ai
    desisti, existe outro parecido com esse sem ser pago ?

    Responder
  6. Tiago

    Muito bom o tutorial!
    Confesso que não conheço muito do assunto, então me perdi no inicio do passo2. Gerei o código no youtube, mas não sei onde inseri-lo no facebook. Tenho que criar um app para isso? Por enquanto, tudo que quero é vincular meu canal a fan page…até encontrei uns apps que fazem isso, mas pouco customizaveis para escolher os videos a serem exibidos.
    Se puder esclarecer serei muito grato!

    Responder
  7. Alexandre

    Prezados
    Desculpe usar este form, mas ao enviar na postagem está dando erro.

    Li a postagem sobre inserir um canal de videos do youtube no facebook, um post maravilhoso, mas a parte que pensei ser a mais fácil está me tirando o sono, estou tentando simplesmente acessar a custom_player, mas me dá a seguinte mensagem: “Sentimos muito, não foi possível encontrar a página solicitada.” entrei com minha conta no youtube e tentei acessar o link da custom_player mas insiste nesta mensagem.
    Tentei também adicionar o aplicativo “video box” e ele até aparece na lista de aplicativos, consigo acessar a página do aplicativo, mas não encontro onde adicionar a minha fan page.
    Se puder me ajudar ficarei muito grato!
    Abraço

    Responder
  8. Marcelo

    Boa noite, Muniz. Primeiramente parabéns pelo post !

    Eu já criei esse player personalizado uma vez para o meu próprio site e estou querendo criar mais um para colocar em outro site que estou fazendo, só que o link “http://www.youtube.com/custom_player/” não está mais disponível. Você sabe o que houve ou se tem outra forma de gerar o script? Não adianta copiar do meu outro site porque ele gera um número diferente para o atributo embed no script gerado.

    Abs

    Responder
    • Ique Muniz

      Acho que por conta de ter mudado as regras dentro do FB, tirando o FBML, este tipo de código deve ter sido tirado também. Tente os apps externos (tem do próprio Youtube e outros como videobox!)

      Responder
  9. Marco

    Estive lendo seu tutorial e resolvi seguir os passos, mas já na primeira encontrei uma dificuldade. o youtube não mostra a configuração do player! Como resolver isso?!

    Responder
    • Ique Muniz

      Acho que infelizmente esses passos não devem estar mais funcionando por conta do FBML ter sido excluído do uso pelo Facebook. Tente aplicativos externos, do próprio Youtube, por exemplo, pra incluir seu canal.

      Também já dei dicas aqui de um chamado Videobox que é muito bom

      Responder
  10. Bruna

    Meu, eu serei a milésima pessoa a perguntar isso, mas não tá rolando nem com o vídeo box.
    Coloco pra utilizar o app, ele me redireciona pra eu escolher uma das páginas que administro. Troco pra usar o facebook como página, diz que não dá que tem que ser usado com o perfil pessoal. E agora?!

    Responder
  11. jansen ramos

    boa tarde
    tem como colocar o Vídeo sem precisar de uma imagem em cima
    tipo o da pagina do km do vantagem vc clica no play e vai direto para exibiçao sem precisar de dois click
    se possivel mandar o codigo para o meu e-mail agradeço

    Responder

Deixar um comentário

  • (não será publicado)

XHTML: Você pode usar estas tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>