Como Incorporar uma Transmissão ao Vivo do YouTube no WordPress

Compartilhar conteúdo de vídeo ao vivo através do seu site WordPress é uma maneira poderosa de engajar seu público em tempo real.

Incorporar uma transmissão ao vivo do YouTube permite que os visitantes assistam a eventos, webinars e transmissões especiais diretamente em seu site, melhorando a interação do usuário e expandindo seu alcance.

Na WPBeginner, reconhecemos o YouTube como uma plataforma poderosa que pode gerar tráfego significativo. É por isso que criamos nosso próprio canal e postamos vídeos regularmente para atrair mais visitantes para o nosso blog. Essa estratégia ajudou a expandir nosso alcance e a nos conectar com um público mais amplo.

Neste artigo, mostraremos como incorporar facilmente uma transmissão ao vivo do YouTube no WordPress.

Por que Incorporar Transmissões ao Vivo do YouTube no WordPress

A transmissão ao vivo permite que você transmita conteúdo de vídeo ou áudio ao vivo pela internet, permitindo que os usuários assistam ao vídeo em tempo real.

Incorporar uma transmissão ao vivo do YouTube em seu site WordPress é uma excelente maneira de se conectar com seu público e alcançar mais usuários.

Também pode aumentar o engajamento do usuário, permitindo que você interaja com os visitantes do site.

Uma transmissão ao vivo do YouTube também pode ajudar a impulsionar o SEO do site e atrair mais tráfego. Pesquisas mostraram que posts de blog com pelo menos um vídeo recebem cerca de 83% mais visitantes do que conteúdo sem nenhum.

Dito isso, vamos ver como você pode incorporar facilmente uma transmissão ao vivo do YouTube no WordPress.

Como Incorporar uma Transmissão ao Vivo do YouTube no WordPress

A maneira mais fácil de incorporar uma transmissão ao vivo do YouTube é usando o plugin YouTube Feed Pro da Smash Balloon.

É o melhor plugin do WordPress para YouTube do mercado que permite incorporar vídeos e transmissões ao vivo do YouTube em seu site.

Primeiro, você precisa instalar e ativar o plugin YouTube Feed Pro. Para mais instruções, consulte nosso guia para iniciantes sobre como instalar um plugin do WordPress.

Após a ativação, visite a página Youtube Feed » Configurações na barra lateral de administração do WordPress. Aqui, você deve inserir a chave de licença e clicar no botão 'Ativar'.

Você pode obter essas informações em sua conta no site da Smash Balloon.

Em seguida, visite a página YouTube Feeds » Todos os Feeds no painel do WordPress.

A partir daqui, clique no botão 'Adicionar Novo' no topo.

Isso abrirá o prompt 'Selecionar Tipo de Feed' na tela.

Para continuar, você deve selecionar a opção 'Transmissões ao Vivo' e clicar no botão 'Próximo'.

Na próxima etapa, você precisa conectar o YouTube Feed Pro à sua conta do YouTube. Você será solicitado a fornecer sua chave de API do YouTube.

Se você já tiver uma chave de API, basta copiá-la e colá-la na caixa 'Inserir Chave de API' e clicar no botão 'Adicionar'.

Criar uma chave de API do YouTube

Se você ainda não tem uma chave de API, acesse o Google Cloud Console e faça login com sua conta Google.

Assim que fizer login, clique no botão ‘Selecionar um projeto’ na parte superior.

Isso abrirá uma janela pop-up que exibirá todos os projetos que você criou.

Agora, clique no botão ‘Novo projeto’ no canto superior direito.

Isso o levará para a página ‘Novo projeto’, onde você pode começar digitando um nome para o seu projeto. Pode ser qualquer coisa que ajude você a identificá-lo facilmente.

Em seguida, você deve selecionar uma ‘Organização’ e sua localização no menu suspenso. Você pode escolher ‘Sem organização’ e clicar no botão ‘Criar’ para continuar.

Assim que o projeto for criado, você será levado ao painel do projeto.

A partir daqui, clique no botão ‘+ Habilitar APIs e Serviços’ no menu superior.

Isso o levará à página da Biblioteca de API. Ela mostra os diferentes serviços do Google para os quais você pode criar APIs e usar em seus projetos.

Agora, pesquise por ‘YouTube Data API v3’ na caixa de pesquisa.

Assim que o resultado ‘YouTube Data API v3’ aparecer, basta clicar nele.

Agora você será direcionado para uma nova tela onde precisará clicar no botão ‘Habilitar’ para ativar a chave da API do YouTube.

Isso o levará à página ‘Detalhes da API/Serviço’.

A partir daqui, clique no botão ‘Criar Credenciais’ na parte superior.

Em seguida, você será direcionado para uma nova página, onde deverá marcar a caixa ao lado da opção ‘Dados Públicos’.

Depois disso, clique no botão ‘Próximo’ para criar sua API.

Sua Chave de API será criada e exibida na página.

Simplesmente copie esta chave e clique no botão ‘Concluído’.

Agora, é hora de voltar ao painel do WordPress.

Cole a chave da API na caixa API Key Required. Em seguida, clique no botão ‘Adicionar’ para continuar.

Adicione o Stream ao Vivo do YouTube ao Seu Site WordPress

Assim que você adicionar sua chave da API do YouTube, será redirecionado para a página ‘Selecionar Tipo de Feed’.

A partir daqui, clique novamente na opção ‘Stream ao Vivo’ e, em seguida, no botão ‘Próximo’.

Isso abrirá a página ‘Adicionar ID do Canal para Stream ao Vivo’.

Agora, você precisa visitar o canal do YouTube que contém seus vídeos de transmissão ao vivo.

A partir daqui, copie o texto que vem depois de ‘/channel/’ ou ‘/user/’ na URL na parte superior.

Em seguida, volte ao painel do WordPress e cole o código na caixa ‘Adicionar ID do Canal para Livestream’.

Depois disso, clique no botão ‘Conectar’ para conectar seu canal do YouTube ao WordPress.

Assim que o canal for conectado, clique no botão ‘Próximo’ para continuar.

Personalize Seu Feed do YouTube

Agora que seu feed de transmissão ao vivo do YouTube foi criado, você pode personalizá-lo. O YouTube Feed Pro do Smash Balloon oferece muitas opções de exibição diferentes.

Primeiro, você deve escolher um modelo na página ‘Começar com um modelo’. Você pode escolher entre os layouts Padrão, Carrossel, Cartões, Lista, Galeria ou Grade.

Depois de fazer sua escolha, clique no botão ‘Próximo’.

Depois de fazer isso, uma tela de edição será aberta, exibindo uma prévia do seu feed do YouTube à direita e as configurações de personalização na coluna do menu esquerdo.

Aqui, você pode começar expandindo o painel ‘Layout do Feed’.

Nesta tela, você pode alternar entre os layouts.

Você também poderá configurar configurações adicionais dependendo do layout escolhido.

Em seguida, você precisa clicar no painel ‘Esquema de Cores’.

Por padrão, o YouTube Feed Pro 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 feed de vídeo.

Você também pode criar seu próprio esquema de cores clicando na opção ‘Personalizado’ e, em seguida, usando os controles para alterar as cores de fundo, texto e links.

Para adicionar um cabeçalho ao seu feed do YouTube, você precisa visitar o painel ‘Cabeçalho’. A partir daqui, ative o interruptor ‘Ativar’ para habilitar o cabeçalho.

Você também pode usar os controles para alternar entre os estilos de cabeçalho padrão e de texto de texto. Escolher a opção ‘Texto’ permitirá que você altere o tamanho e a cor do texto.

Você também pode personalizar a aparência do player de vídeo acessando o painel ‘Vídeos’.

Aqui, você verá uma lista de opções.

Para personalizar o layout do vídeo e as propriedades individuais, visite o painel de configurações ‘Estilo do Vídeo’.

Aqui, você pode selecionar o layout do vídeo, a cor de fundo e a borda.

Depois disso, abra o painel ‘Editar Elementos Individuais’. Aqui, marque as caixas ao lado dos elementos que você deseja exibir junto com os vídeos ao vivo do YouTube.

Você pode mostrar ou ocultar o ícone de Reproduzir, o título do vídeo, a contagem regressiva do live stream, descrições e muito mais.

Em seguida, vá para a configuração ‘Estado ao Passar o Mouse’. Aqui, você pode escolher os elementos individuais que serão exibidos quando o usuário passar o mouse sobre o vídeo do YouTube.

Você pode escolher muitos elementos, incluindo título do vídeo, descrição, data, visualizações e muito mais.

Depois disso, visite o painel ‘Experiência do Player de Vídeo’.

Agora você pode alterar a proporção do player de vídeo. Você também pode escolher se o vídeo começará a tocar automaticamente ou esperará até que o visitante clique no botão de reproduzir.

Após personalizar os elementos individuais do vídeo, mude para o painel ‘Botão Carregar Mais’.

Aqui, na configuração ‘Botão Carregar Mais’, você pode ativar o alternador para ‘Ativar’. Isso exibirá mais sugestões de vídeo após o livestream.

Você também pode escolher a cor de fundo, o estado ao passar o mouse e o texto nas configurações do painel esquerdo.

Depois disso, mude para o painel ‘Botão de Inscrição’ e ative o alternador para ‘Ativar’ se desejar ativar o botão de inscrição do YouTube.

Você também pode alterar a cor do botão, o texto e o estado ao passar o mouse nas configurações.

Depois de personalizar o feed do YouTube ao vivo, você pode ter uma prévia de como ele ficará em computadores desktop, tablets e smartphones. Basta clicar nos diferentes botões no canto superior direito para ter uma prévia do feed em diferentes dispositivos.

Por fim, não se esqueça de clicar no botão ‘Salvar’ no topo para salvar suas alterações.

Incorpore o YouTube Live Stream em uma Página do WordPress

O próximo passo é incorporar seu feed do YouTube ao vivo em uma página do WordPress. Para fazer isso, você deve primeiro clicar no botão ‘Incorporar’ no topo.

Isso abrirá o prompt ‘Incorporar Feed’. Para continuar, clique no botão ‘Adicionar a uma Página’.

O pop-up agora mostrará uma lista de todas as páginas do WordPress em seu site.

Simplesmente escolha a página onde você deseja incorporar o stream ao vivo do YouTube e clique no botão ‘Adicionar’.

A página que você selecionou agora será aberta no editor de blocos.

A partir daqui, clique no botão ‘Adicionar Bloco’ (+) no canto superior esquerdo e pesquise pelo bloco Feeds for YouTube.

Assim que encontrá-lo, você pode adicionar o bloco à sua página clicando nele.

Não se esqueça de clicar no botão ‘Atualizar’ ou ‘Publicar’ para salvar suas alterações ou torná-las ao vivo.

É assim que o feed do YouTube ao vivo fica em nosso site de demonstração.

Adicionar um Feed do YouTube ao Vivo como um Widget

Você também pode adicionar um feed do YouTube ao vivo à barra lateral do WordPress como um widget.

Primeiro, vá para a página Aparência » Widgets na barra lateral de administração.

Aqui, clique no botão ‘Adicionar Bloco’ (+) no canto superior esquerdo da tela e encontre o bloco Feeds para YouTube.

Em seguida, clique no bloco para adicioná-lo à área de widgets.

Não se esqueça de clicar no botão ‘Atualizar’ para salvar suas alterações.

Veja como o feed ao vivo do YouTube aparece na barra lateral do nosso site de demonstração.

Adicionar um Feed ao Vivo do YouTube no Editor de Site Completo

Se você estiver usando um tema baseado em blocos, este método é para você.

Primeiro, vá para a página Aparência » Editor na barra lateral de administração para abrir o editor do site.

A partir daqui, clique no botão ‘Adicionar Bloco (+)’ na parte superior e procure o bloco Feeds para YouTube.

Em seguida, você pode arrastar e soltar o bloco onde quiser exibir o feed do YouTube em sua página.

Quando terminar, não se esqueça de clicar no botão ‘Salvar’ para aplicar as alterações.

Aqui está uma prévia dos feeds ao vivo em nosso site de demonstração.

Bônus: Incorporar uma Playlist do YouTube no WordPress

Além dos feeds ao vivo, você também pode incorporar playlists do YouTube em seu site WordPress com o plugin Smash Balloon YouTube Feed.

Você pode usar essa playlist para chamar a atenção do usuário, aumentar o engajamento e reduzir as taxas de rejeição.

Para adicionar uma playlist do YouTube, visite a página Feeds do YouTube » Todos os Feeds e clique no botão ‘Adicionar Novo’. Isso o levará a uma nova tela, onde você deve selecionar a opção ‘Playlist’ como tipo de feed.

Em seguida, você precisará conectar sua conta do YouTube ao Smash Balloon, fornecendo sua chave de API do Google Console.

Depois disso, você deve abrir a playlist do YouTube que deseja adicionar e copiar seu ID da URL acima. Este ID será uma sequência de letras e números após o símbolo ‘=’ na URL.

Agora, você pode visitar seu painel do WordPress para adicionar o ID da playlist no campo ‘Adicionar Fonte’ e clicar no botão ‘Próximo’.

Assim que terminar, o editor de feeds do Smash Balloon será aberto na tela, onde você poderá personalizar a aparência das playlists de acordo com seu gosto.

Agora você adicionou com sucesso sua playlist do YouTube. Para mais detalhes sobre isso, você pode ver nosso tutorial sobre como incorporar uma playlist do YouTube no WordPress.

Esperamos que este artigo tenha ajudado você a aprender como incorporar transmissões ao vivo do YouTube no WordPress. Você também pode querer ler nosso tutorial sobre como incorporar SoundCloud em posts do WordPress usando oEmbed e nosso guia sobre como incorporar um widget do Discord no 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.