Como exibir os vídeos mais recentes do canal do YouTube no WordPress

Um de nossos leitores perguntou recentemente como exibir os vídeos mais recentes do YouTube em seu site WordPress. É uma ótima pergunta, e temos uma solução simples.

Atualizamos regularmente nosso próprio canal do YouTube com tutoriais úteis sobre WordPress aqui no WPBeginner. Aprendemos em primeira mão o quão demorado pode ser incorporar manualmente cada novo vídeo em nosso site.

Felizmente, encontramos um plugin simples para mostrar automaticamente seus vídeos mais recentes do YouTube em seu site WordPress. Este método economiza tempo e garante que seu site sempre exiba seu conteúdo mais recente.

Vamos passar pelo processo passo a passo.

Como mostrar os vídeos mais recentes de um canal do YouTube no WordPress

Por que exibir os vídeos do seu canal do YouTube no WordPress?

Se você gerencia um canal do YouTube além de um site WordPress, faz sentido postar os vídeos em seu site também.

Esses vídeos podem ajudar a capturar a atenção do visitante e mantê-lo em seu site por mais tempo. Isso pode aumentar as visualizações de página e reduzir a taxa de rejeição no WordPress.

Vídeos incorporados do YouTube podem até atrair mais visitantes para o seu site. De fato, nossa lista definitiva de estatísticas de blogging mostra que posts de blog com vídeos recebem 83% mais tráfego do que aqueles sem.

Se você deseja adicionar apenas um pequeno número de vídeos ao seu site, é fácil incorporar vídeos do YouTube em posts de blog do WordPress. No entanto, você precisará adicionar cada novo vídeo manualmente, o que leva tempo e esforço.

Em vez disso, recomendamos incorporar um feed do YouTube que se atualiza automaticamente toda vez que você publica um novo vídeo em seu canal. Isso garante que os visitantes sempre verão os vídeos mais recentes, sem nenhum esforço extra de sua parte.

Dito isso, vamos ver como exibir os vídeos mais recentes do seu canal do YouTube no WordPress. Você pode usar os links rápidos abaixo para navegar por este artigo:

Etapa 1: Instale e configure um plugin de vídeo do YouTube

A maneira mais fácil de exibir os vídeos mais recentes do seu canal do YouTube é usando o plugin gratuito Smash Balloon Feeds for YouTube. Este plugin oferece muitas opções de personalização para ajustar a aparência do seu feed do canal do YouTube em seu site.

Exibindo os vídeos mais recentes do seu canal do YouTube no WordPress

Para este tutorial, você pode usar a versão Pro ou gratuita do plugin, pois ambas funcionarão. O kit completo de plugins Smash Balloon também possui recursos para incorporar vídeos do TikTok, Facebook e assim por diante.

Primeiro, instale e ative o plugin Feeds for YouTube. Para mais detalhes, veja nosso guia passo a passo sobre como instalar um plugin do WordPress.

Após a ativação, vá para YouTube Feed » Configurações e clique em ‘Adicionar Fonte’.

Adicionando um canal do YouTube ao seu site WordPress

Na próxima tela, clique em ‘Conectar ao YouTube através do Google’. O Smash Balloon mostrará todas as suas contas do Google.

Você pode escolher uma conta da lista ou clicar em ‘Usar outra conta’ e adicionar uma nova conta do Google.

Como conectar o Smash Balloon a um site WordPress

Depois disso, você verá um aviso de que o Smash Balloon poderá acessar informações sobre seu canal do YouTube.

Assumindo que você concorda em prosseguir, clique em ‘Continuar’.

Conectando o YouTube ao WordPress

Neste ponto, você precisará adicionar o ID ou nome de usuário do seu canal do YouTube.

Para obter essa informação, acesse o site do YouTube e clique na sua foto de perfil no canto superior direito. Em seguida, selecione ‘Seu canal’.

Obtendo o ID ou nome de usuário do seu canal do YouTube

Agora, olhe na barra de endereço do seu navegador. Se você vir algum texto depois de ‘user/’, então este é o nome de usuário do seu canal.

Se você vir ‘channel/’ seguido por uma sequência de números e letras, então este é o ID do canal, como você pode ver na imagem a seguir.

Como obter o nome de usuário ou ID do seu canal do YouTube

Simplesmente copie o valor e volte para o seu painel do WordPress. Agora, cole o valor no campo que exibe ‘Enter Channel ID or Username.’

Com isso feito, clique no botão ‘Próximo’.

Adicionando o ID ou nome de usuário do canal do YouTube ao Smash Balloon

Etapa 2: Crie uma chave de API do YouTube no Google Console

Neste ponto, você verá a seguinte mensagem: No API Key Entered.

Uma mensagem de erro do YouTube, no painel do WordPress

Para evitar qualquer interrupção, recomendamos a criação de uma chave de API do YouTube e sua adição ao seu blog WordPress ou site.

É possível exibir meus vídeos do YouTube sem uma chave de API?

A resposta é sim, é possível. No entanto, o Smash Balloon não recomenda pular esta etapa, pois ela fornece acesso mais estável e consistente aos dados do YouTube ao longo do tempo. Isso minimiza a possibilidade de interrupções na atualização do seu feed.

Em uma nova aba, acesse o Google Console e faça login usando sua conta do Google.

Assim que estiver logado no console, clique no menu suspenso na barra de ferramentas. Por padrão, ele exibe o nome do seu projeto mais recente do Google Console.

O Console do Google Cloud

Se esta for a primeira vez que você acessa o Google Console, precisará aceitar os termos e condições.

Com isso feito, clique em ‘New Project.’

Criando um novo projeto no Console do Google

Agora você pode digitar um nome para o projeto. Isso é apenas para sua referência, então você pode usar o que quiser.

Assim que terminar, clique em ‘Create.’

Criando um novo projeto para a chave de API do YouTube

Agora, clique no ícone ‘Search’ e digite ‘YouTube Data API.’

Em ‘Marketplace,’ encontre a YouTube Data API e clique nela.

Habilitando a API do YouTube Data

Isso o levará a uma tela onde você pode ativar a chave para fazer solicitações de API do YouTube.

Para fazer isso, simplesmente clique no botão ‘Enable.’

Como habilitar a API do YouTube Data

No menu do lado esquerdo, clique em ‘Credentials.’

Com isso feito, selecione ‘Create Credentials.’

Como criar uma API do YouTube no Console do Google Cloud

No menu suspenso, clique em ‘API key.’

Após alguns momentos, você verá um pop-up ‘API key created.’ Você precisará adicionar essas informações ao seu site, portanto, anote-as.

Criando uma chave de API do YouTube para seu site WordPress

Por padrão, a chave da API do YouTube é irrestrita. Para impedir que outras pessoas usem a chave da API, é inteligente restringi-la clicando no link ‘Editar chave da API’ dentro do pop-up.

Isso abre uma tela mostrando todas as suas chaves de API do Google. Simplesmente encontre a chave que você acabou de criar e clique nela.

Editando uma chave de API no Console do Google Cloud

Observação: Se você fechou o pop-up por acidente, não entre em pânico. Você pode acessar a mesma tela selecionando ‘Credenciais’ no menu do lado esquerdo. Da mesma forma, se você não anotou a chave da API, basta clicar em ‘Mostrar chave’ para ver suas credenciais.

Em ‘Definir uma restrição de aplicativo’, selecione a opção ‘Websites’.

Restringindo o acesso da API do YouTube a sites específicos

Em ‘Restrições de Website’, clique em ‘Adicionar’.

Agora você pode digitar o endereço do seu site e clicar em ‘Concluído’.

Como adicionar um referenciador HTTP no Console do Google Cloud

Para dar ao Smash Balloon acesso à API, você também precisará digitar www.googleapis.com e clicar em ‘Concluído’.

Em ‘Restrições de API’, selecione o botão ao lado de ‘Restringir chave’.

Como criar uma chave de API do YouTube com acesso restrito

Com isso feito, clique no menu suspenso ‘Selecionar APIs’ e marque a caixa ao lado de ‘YouTube Data API’.

Depois disso, clique em ‘OK’.

Criando uma chave de API do YouTube segura e restrita

Quando estiver satisfeito com a configuração da chave da API do YouTube, clique em ‘Salvar’.

Agora você está pronto para adicionar a chave da API ao seu site WordPress. No painel do WordPress, vá para YouTube Feed » Configurações.

Finalmente, cole a chave no campo 'Chave da API' e clique em 'Adicionar'.

Buscar dados do YouTube usando uma chave de API

Etapa 3: Crie e personalize um feed de canal do YouTube

Após conectar seu site WordPress ao YouTube, você pode criar uma galeria de vídeos do seu canal.

Simplesmente vá para YouTube Feed » Todos os Feeds e clique em 'Adicionar Novo'.

Como criar um feed de vídeos do YouTube

O YouTube Feed Pro permite incorporar vídeos individuais do YouTube, playlists, transmissões ao vivo e muito mais.

Você pode até criar um feed social combinando posts de várias plataformas sociais. Por exemplo, você pode incorporar posts de status do Facebook, adicionar fotos do Instagram e muito mais.

Como você está usando o plugin gratuito, basta clicar em 'Canal' e depois selecionar 'Próximo'.

Criar um feed mostrando os vídeos mais recentes do canal do YouTube

Isso abre o editor, que mostra uma prévia do seu feed do YouTube à direita.

No lado esquerdo, você verá todas as diferentes configurações que pode usar para ajustar a aparência dos vídeos do YouTube.

Personalizando o feed de vídeos mais recentes do YouTube no WordPress

Essas configurações são diretas, então basta clicar em cada opção no menu esquerdo e fazer as alterações desejadas.

À medida que você altera as configurações, a prévia ao vivo será atualizada automaticamente para que você possa experimentar diferentes configurações e ver o que fica melhor em seu site.

Para começar, você pode alterar como os vídeos são exibidos clicando em ‘Layout do Feed’. Nesta tela, você pode alternar entre os layouts de grade, galeria, lista e carrossel.

Alterando o layout do feed do canal do YouTube usando Smash Balloon

Dependendo do layout que você escolher, você pode ter acesso a algumas configurações extras.

Por exemplo, se você selecionar ‘Lista’, poderá alterar quantos vídeos o Smash Balloon exibe na lista e criar mais espaço entre os vídeos do YouTube.

Alternando entre diferentes layouts para o feed do canal do YouTube

Estudos mostram que 90% dos consumidores assistem a vídeos em seus dispositivos móveis, e 70% das pessoas visitam o YouTube usando um smartphone ou tablet. Com isso em mente, você vai querer garantir que seus vídeos mais recentes fiquem tão bons no celular quanto no desktop.

Você pode pré-visualizar como o feed do YouTube ficará em computadores desktop, tablets e smartphones usando a linha de botões no canto superior direito.

Visualizando o feed do canal do YouTube em smartphones e tablets

Você também pode querer alterar quantos vídeos exibe em smartphones e tablets. Isso pode ajudar seus vídeos do YouTube a caberem confortavelmente em telas menores de tablets e smartphones.

Por padrão, o Smash Balloon exibe um número diferente de colunas em dispositivos móveis e computadores desktop. Para alterar essas configurações padrão, basta digitar novos números na seção ‘Colunas’.

Exibindo um número diferente de colunas em dispositivos móveis

Agora você está pronto para explorar a próxima tela de configurações, que é ‘Esquema de Cores’.

Por padrão, o Feeds for YouTube usa o mesmo esquema de cores do seu tema do WordPress. No entanto, você também pode usar um esquema de cores ‘Claro’ ou ‘Escuro’ para o seu feed de vídeo.

Você pode até criar seu próprio esquema de cores selecionando ‘Personalizado’ e, em seguida, usando as configurações para alterar a cor do link, a cor do texto, alterar a cor de fundo e muito mais.

Criando um esquema de cores personalizado para o feed do seu canal do YouTube no WordPress

O Smash Balloon também pode adicionar um cabeçalho acima do feed de vídeos do YouTube. Este cabeçalho mostra a foto do seu perfil do YouTube e o nome do canal para que os visitantes possam ver exatamente de onde o conteúdo vem.

Para personalizar esta seção, clique em ‘Cabeçalho’ no menu do lado esquerdo.

Adicionando um cabeçalho ao seu feed do canal do YouTube

Aqui, você pode usar os controles para alternar entre os estilos de cabeçalho padrão e de texto.

Se você escolher ‘Texto’, então você pode alterar a cor do texto e o tamanho da fonte. Por padrão, o cabeçalho exibe a mensagem ‘Estamos no YouTube.’ Você pode substituí-la por sua própria mensagem digitando-a na caixa ‘Texto’.

Escolhendo diferentes estilos de cabeçalho para o seu feed do canal do YouTube

Quando você estiver satisfeito com a aparência do cabeçalho, a próxima tela de configurações é ‘Vídeos’.

Isso o levará a uma nova tela onde você pode ajustar como cada vídeo do YouTube aparece por padrão, quando um visitante passa o mouse sobre ele e quando o vídeo está sendo reproduzido.

As configurações do editor de vídeos do YouTube do Smash Balloon

Se você clicar em ‘Editar Elementos Individuais’, poderá escolher se deseja mostrar ou ocultar o ícone ‘Reproduzir’.

Na imagem a seguir, estamos adicionando um ícone ‘Reproduzir’ a todos os vídeos no feed do YouTube.

Adicionando e ocultando o ícone de play do YouTube

Quando você estiver satisfeito com suas alterações, clique no link ‘Vídeos’.

Isso o leva de volta à tela anterior, onde você pode selecionar 'Estado de Destaque'.

Personalizando o estado de hover de um vídeo do YouTube

Aqui, você pode escolher se deseja mostrar o título do vídeo quando o visitante passar o mouse sobre ele.

O título pode fornecer informações extras úteis e incentivar os visitantes a reproduzir o vídeo. Com isso em mente, você pode querer marcar a caixa ao lado de 'Título do Vídeo'.

Adicionando um título aos vídeos mais recentes do YouTube no WordPress

Quando um visitante clica em um vídeo, ele começará a ser reproduzido em um player de vídeo incorporado.

Você pode alterar como o player age e se parece clicando em 'Experiência do Player de Vídeo'.

Personalizando a experiência da lightbox do YouTube

Aqui, você pode alterar a proporção do player e escolher se o vídeo deve começar a tocar automaticamente ou esperar até que o visitante clique no botão de reproduzir.

Quando você estiver satisfeito com a configuração do player de vídeo, clique no link 'Personalizar' para voltar à tela principal do editor do Smash Balloon.

Configurações da lightbox do Smash Balloon

Aqui, selecione 'Botão Carregar Mais' no menu da esquerda.

Os visitantes podem usar o botão 'Carregar Mais' para ver mais de seus vídeos do YouTube. Isso pode manter os visitantes em seu site por mais tempo, ao mesmo tempo em que obtém mais engajamento e visualizações em seu canal do YouTube.

Com isso em mente, você pode querer fazer o botão 'Carregar Mais' se destacar alterando sua cor de fundo, estado de destaque e cor do texto.

Personalizando o botão 'Carregar Mais' do YouTube no WordPress

Este botão exibe 'Carregar Mais...' por padrão, mas você pode substituí-lo por uma chamada de ação exclusiva digitando no campo 'Texto'.

Por padrão, o Smash Balloon exibe um botão 'Inscrever-se' abaixo de seus vídeos recentes do YouTube.

Isso incentiva os visitantes a se inscreverem em seu canal do YouTube. Para obter mais inscritos, você pode querer personalizar o botão selecionando 'Botão de Inscrição' na tela principal de configurações do Smash Balloon.

Como incentivar as pessoas a se inscreverem no seu canal do YouTube

Nesta tela, você pode adicionar e remover o botão 'Inscrever-se' clicando em 'Ativar'.

Você também pode alterar a cor de fundo do botão, o estado de destaque e a cor do texto.

Personalizando o botão de inscrição para o feed do seu canal do YouTube

Por padrão, este botão exibe uma chamada de ação 'Inscrever-se'.

Você pode substituir isso por sua própria mensagem digitando-a na caixa 'Texto'.

Adicionando mensagens personalizadas ao feed do seu canal do YouTube

Quando estiver satisfeito com a aparência do feed de vídeo, não se esqueça de clicar em ‘Salvar’ para armazenar suas alterações. Agora você está pronto para adicionar os vídeos mais recentes do YouTube ao seu site WordPress.

Etapa 4: Incorpore os Vídeos Mais Recentes do Canal do YouTube no WordPress

Você pode adicionar seu feed de vídeo do YouTube ao WordPress usando um bloco, widget ou shortcode.

Se você criou mais de um feed usando o plugin Feeds for YouTube, precisará saber o shortcode do feed se for usar um bloco ou widget.

Para obter o código, vá para Feed do YouTube » Todos os Feeds e depois copie o texto em ‘Shortcode’.

No exemplo a seguir, precisaremos usar youtube-feed feed=2.

Adicionando os vídeos mais recentes ao seu site usando um bloco ou widget

Se você quiser mostrar os vídeos mais recentes em uma página ou postagem, recomendamos o uso do bloco ‘Feeds for YouTube’.

Simplesmente abra a página ou postagem onde você deseja exibir seus vídeos do YouTube. Em seguida, clique no ícone ‘+ Adicionar Bloco’ para adicionar um novo bloco e comece a digitar ‘Feeds for YouTube’.

Quando o bloco correto aparecer, clique para adicioná-lo à página ou postagem.

Adicionando os vídeos mais recentes do YouTube a um bloco do WordPress

O bloco exibirá um de seus feeds do YouTube por padrão. Se você quiser usar um feed diferente, encontre ‘Configurações de Shortcode’ no menu do lado direito.

Agora você pode adicionar o shortcode a esta caixa. Depois de fazer isso, clique no botão ‘Aplicar Alterações’.

Adicionando os vídeos mais recentes do seu canal do YouTube ao WordPress

O bloco agora mostrará os vídeos mais recentes do seu canal do YouTube. Simplesmente publique ou atualize a página para tornar seu feed de mídia social do YouTube ao vivo.

Se você estiver usando um tema habilitado para blocos, você pode usar o editor de site completo para adicionar o bloco Feeds for YouTube em qualquer lugar do seu site. Os passos são em grande parte semelhantes aos explicados acima, você só precisa saber a qual modelo ou padrão adicionar o bloco.

Para mais informações sobre isso, você pode ler nosso guia completo sobre edição completa de site no WordPress.

Você também pode adicionar o feed a qualquer área pronta para widgets, como a barra lateral. Isso permite que você exiba os vídeos mais recentes do YouTube em todo o seu site.

Para fazer isso, vá para Aparência » Widgets no painel do WordPress e clique no botão ‘+’.

Adicionando um bloco Feeds for YouTube ao seu tema do WordPress

Agora, comece a digitar ‘Feeds for YouTube’ na barra de pesquisa para encontrar o widget certo.

Você pode então arrastar o widget para a área onde deseja mostrar os vídeos mais recentes do seu canal do YouTube.

Exibindo os vídeos mais recentes do YouTube usando um bloco

Por padrão, o widget mostrará um dos feeds que você criou usando Feeds for YouTube.

Para mostrar um feed diferente em vez disso, digite o código desse feed na caixa ‘Configurações de Shortcode’. Em seguida, clique em ‘Aplicar Alterações’.

Exibindo os vídeos mais recentes do seu canal do YouTube usando o Smash Balloon

Finalmente, clique no botão ‘Atualizar’ para tornar o widget ativo.

Para mais informações, consulte nosso guia detalhado sobre como adicionar e usar widgets.

Outra opção é incorporar os vídeos mais recentes em qualquer página, postagem ou área pronta para widgets usando um shortcode. Para obter o shortcode correto, basta ir em YouTube Feed » Todos os Feeds e copiar o valor na coluna ‘Shortcode’.

Agora, simplesmente adicione este código ao seu site. Para mais informações, consulte nosso guia detalhado sobre como adicionar um shortcode no WordPress.

Mais Dicas para Gerenciar um Canal do YouTube e um Site WordPress

Quer aprender mais sobre como exibir vídeos do YouTube no seu site WordPress? Ou talvez você precise de mais dicas para gerenciar um canal do YouTube?

Confira estes artigos para encontrar suas respostas:

Esperamos que este artigo tenha ajudado você a adicionar os vídeos mais recentes do seu canal do YouTube ao seu site WordPress. Você também pode conferir nosso guia sobre como incorporar um vídeo do Facebook no WordPress e nossas escolhas de especialistas dos melhores plugins de mídia social para WordPress.

Se você gostou deste artigo, por favor, inscreva-se em nosso Canal do YouTube para tutoriais em vídeo do WordPress. Você também pode nos encontrar no Twitter e no Facebook.

Aviso: Nosso conteúdo é apoiado pelos leitores. Isso significa que, se você clicar em alguns de nossos links, poderemos ganhar uma comissão. Veja como o WPBeginner é financiado, por que isso importa e como você pode nos apoiar. Aqui está nosso processo editorial.

O Kit de Ferramentas Definitivo para WordPress

Obtenha acesso GRATUITO ao nosso kit de ferramentas - uma coleção de produtos e recursos relacionados ao WordPress que todo profissional deve ter!

Interações do Leitor

14 CommentsLeave a Reply

  1. Uma dúvida surgiu enquanto eu lia.
    Ao conectar o plugin Smash Balloon ao seu canal do YouTube, pelas capturas de tela, notei que ele puxa vídeos para exibir no feed automaticamente.
    Gostaria de saber se você sabe se ele inclui vídeos não listados do seu canal do YouTube também? Ou ele exibe apenas os vídeos públicos?

    • Desde que você use a chave da API ao configurar o feed, ele não incluirá seus vídeos não listados ou privados.

      Admin

  2. Acho que este método ajudará tanto o site quanto o canal do YouTube.
    Mas eu não ouvi você mencionar, isso melhora o SEO do meu site?

    • Normalmente seria um aumento indireto para o seu SEO, seus visitantes aprenderiam sobre seu canal do YouTube através do feed de vídeos mais recentes e seu canal cresceria, então se você mencionar seu site em seus vídeos, você pode crescer seu público dessa forma.

      Admin

  3. Olá! Eu realmente gosto deste plugin.. Mas estou me perguntando se é possível obter todos os meus vídeos de usuário em uma página? Agora, apenas 9 deles estão visíveis…

  4. É uma maneira fantástica e fácil de aprender. Muito obrigado por fornecer um bom método para saber mais sobre wordpress.

  5. Isso parece ótimo. Alguma ideia se isso funciona com o WordPress 3.8? No wordpress.org, mostra que é compatível até 3.5.2 e ninguém comentou ainda se funciona com 3.8.

Deixe uma resposta

Obrigado por escolher deixar um comentário. Por favor, tenha em mente que todos os comentários são moderados de acordo com nossa política de comentários, e seu endereço de e-mail NÃO será publicado. Por favor, NÃO use palavras-chave no campo do nome. Vamos ter uma conversa pessoal e significativa.