gototopgototop
 

Curso de Joomla em várias modalidades só aqui no Joomla Brasília

  • aumentar tamanho texto 
  • diminuir tamanho texto 
  • layout default 
  • layout default daltonismo 
  • layout default contraste
Home Tutoriais de Joomla Joomla! e Mídias Sociais Integrando o youtube ao Joomla - mídias sociais e Joomla!

Integrando o youtube ao Joomla - mídias sociais e Joomla!

Escrito por  @cout45
Qualifique este item
(0 votos)

midias sociais e joomlaNeste artigo da série Joomla e as Mídias Sociais, iremos integrar o nosso canal do youtube com o website Joomla. Existem várias extensões no repositório do Joomla e a melhor que encontrei foi uma paga. O objetivo é tentar utilizar extensões gratuitas e depois de muito procurar cheguei ao o YoutubeGallery que sem dúvida alguma é muito boa, tendo apenas uma restrição: na versão atual ela não implementa url's amigáveis e isto pode ser um problema dependendo do projeto e no meu caso, ficaria inviável já que uso url's amigáveis. A alternativa foi usar um módulo e fazer um artigo para instanciar o mesmo. Optei pelo mod_youtubeplaylist para resolver a questão. Abaixo um tutorial passo a passo com as duas opções:

1) Integrando seu canal do youtube ao website joomla com o componente Youtubegalery

a) baixe o componente
b) instale o componente através do menu superior extensões->instalar/desinstalar
c) Acesse o componente e preencha os parâmetros de configuração
configurando o componente youtubegallery

Configurações relevantes:

(*) Gallery name: nome da galeria

(*) Gallery List: escolha os vídeos no youtube copie a url e cole dentro do campo

(*) Player width: comprimento da janela do vídeo

(*) Player height: altura da janela do vídeo

d) Crie um ítem de menu para o componente
e) Visualize no frontend clicando no item de menu
frontend youtube gallery

(*) observe os thumbnails com os outros vídeos selecionados. Quando você clica no thumbnail o vídeo é instanciado e aí ocorre o problema com url's amigáveis. Uma pena, mas o desenvolvedor postou no fórum que a nova versão deve vir corrigida. Vou tentar fazer algo mas não prometo pois o tempo está bem curto.


2) Integrando seu canal do youtube ao website joomla com o módulo Youtubeplaylist

a) baixe o módulo
b) instale o módulo através do menu superior extensões->instalar/desinstalar
c) Acesse o módulo, publique em uma nova posição e preencha os parâmetros de configuração
configurando o módulo

(*) No parâmetro posição digite o nome de uma nova posição de módulo, no caso usei youtube. Por quê? Porque iremos instanciar o módulo através de um artigo estático.

Configurações relevantes

(*) Vídeo id list: para criar a sua lista de vídeos siga os seguintes passos:
1) acesse o youtube e escolha o vídeo;
2) selecione o ID do vídeo que é tudo aquilo que está depois do sinal de igual (=)
(*) ex: na url http://www.youtube.com/watch?v=_Ye8GLPUVsM, o ID do vídeo é: _Ye8GLPUVsM
3) cole o ID dentro do campo.


d) Crie um artigo estático e dentro dele coloque a instrução (), onde posicao é o nome da nova posição de módulo criada por você. Na imagem acima, criei a posição youtube.


e) Crie um item de menu para o artigo estático

criando item de menu


f) Visualize no frontend o resultado final, clicando no item de menu criado.
frontend youtube list

Você pode ver a utilização deste recurso no meu website pessoal http://www.juliocoutinho.com.br/joomla-sem-misterios.html e de forma mais incrementada, com associação de templates, aqui mesmo no portal JB.

Última modificação em Qua, 20 de Outubro de 2010 14:42 divulgue o artigo no orkut
Login to post comments

Curso de Joomla! 2.5. Reserve sua vaga

Reserve sua vaga para o curso de gestão de conteúdos online, com CMS Joomla! 2.5 e K2. 11 a 14 de junho 2012.






sim não (*)Se desejar, você pode usar seu notebook!
Dúvidas? (61)91619219

@cout45

Flagrantes no Flickr

Esse é um módulo do Flickr que mostra itens de um álbum chamado Joomla! Brasília em ação.

Facebook


Joomla! Brasilia é um domínio, sem afiliação ou ligação com o projeto Joomla! O nome e marca Joomla! pertencem a Open Source Matters!