Como incorporar uma transmissão ao vivo do YouTube no WordPress

Deseja incorporar uma transmissão ao vivo do YouTube em seu site WordPress?

A incorporação de transmissões ao vivo do YouTube em seu site WordPress pode aumentar o engajamento, permitindo que os visitantes interajam com você e seu conteúdo em tempo real.

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 transmitir 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 envolvimento 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. A pesquisa mostrou que postagens 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 plug-in YouTube Feed Pro do Smash Balloon.

É o melhor plug-in de feed do YouTube para WordPress que permite incorporar vídeos do YouTube e transmissões ao vivo em seu site.

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

Observação : o YouTube Feed também possui uma versão gratuita. No entanto, ele não oferece suporte ao recurso Live Stream.

Depois que o plug-in for ativado, você precisará visitar a página Feed do YouTube »Configurações na barra lateral do administrador. Aqui, você precisa inserir a chave de licença e clicar no botão 'Ativar'.

Você pode obter a chave de licença na página Contas no site do Smash Balloon.

Em seguida, você precisa visitar a página Feeds do YouTube »Todos os feeds na barra lateral do administrador do WordPress.

A partir daqui, basta clicar no botão 'Adicionar novo' na parte superior.

Isso abrirá o prompt 'Selecionar tipo de feed'.

Agora, você precisa escolher a opção 'Live Streams' e clicar no botão 'Next' para continuar.

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á possui 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 possui uma chave de API, precisará acessar o Console do Google Cloud e fazer login usando sua conta do Google.

Depois de fazer 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.

Em seguida, basta clicar no botão 'Novo projeto' na parte superior.

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

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

Após a criação do projeto, você será direcionado para o painel do projeto.

A partir daqui, você precisa clicar no botão '+ Ativar APIs e serviços' no menu superior.

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

Agora vá em frente e procure por 'YouTube Data API v3' na caixa de pesquisa.

Quando o resultado 'YouTube Data API v3' aparecer, basta clicar nele.

Isso o levará a uma nova página onde você precisa clicar no botão 'Ativar' para ativar a chave da API do YouTube.

Agora você será direcionado para a página 'Detalhes da API/Serviço'.

A partir daqui, basta clicar no botão 'Criar credenciais' na parte superior.

A seguir, 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 'Avançar' para criar sua API.

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

Simplesmente copie a chave API e clique no botão 'Concluído'.

Em seguida, é hora de voltar ao painel do WordPress.

Vá em frente e cole a chave de API na caixa API Key Required. Em seguida, clique no botão 'Adicionar' para continuar.

Adicione a transmissão ao vivo do YouTube ao seu site WordPress

Depois de adicionar sua chave de API do YouTube, você será redirecionado para a página 'Selecionar tipo de feed'.

A partir daqui, você precisa clicar na opção 'Live Stream' novamente, seguida do botão 'Next'.

Isso abrirá a página 'Adicionar ID do canal para transmissão ao vivo'.

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

A partir daqui, vá em frente e copie o texto que vem depois de '/channel/' ou '/user/' no URL na parte superior.

Em seguida, volte para o painel do WordPress e cole o código na caixa 'Adicionar ID do canal para transmissão ao vivo'.

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

Assim que o canal estiver conectado, você precisa clicar no botão 'Avançar' 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ê precisará escolher um modelo na página 'Começar com um modelo'. Você pode escolher entre os layouts Padrão, Carrossel, Cartões, Lista, Galeria e Grade.

Depois de fazer sua escolha, basta clicar no botão 'Avançar'.

Depois de escolher um modelo, uma tela de edição será aberta, exibindo uma visualização do seu feed do YouTube à direita e configurações de personalização na coluna do menu à esquerda.

Aqui, você pode começar expandindo o painel 'Layout do feed'.

Nesta tela, você pode alternar entre os layouts.

Você também pode definir 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 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 'Personalizar' e, em seguida, usando os controles para alterar as cores de plano de fundo, texto e link.

Para adicionar um cabeçalho ao seu feed do YouTube, você precisa visitar o painel 'Cabeçalho'. A partir daqui, basta alternar o botão 'Ativar' para ativar o cabeçalho.

Você também pode usar os controles para alternar entre estilos de cabeçalho padrão e 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 reprodutor 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, você precisa visitar o painel de configurações 'Estilo de 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, basta marcar as caixas ao lado dos elementos que deseja exibir junto com os vídeos de transmissão ao vivo do YouTube.

Você pode mostrar ou ocultar o ícone Reproduzir, o título do vídeo, a contagem regressiva da transmissão ao vivo, as descrições e muito mais.

Em seguida, você precisa ir para a configuração 'Hover State'. 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, você precisa visitar o painel 'Experiência do player de vídeo'.

A partir daqui, você pode alterar a proporção do player de vídeo. Você também pode escolher se o vídeo começará a ser reproduzido automaticamente ou aguardar até que o visitante clique no botão de reprodução.

Depois de personalizar os elementos de vídeo individuais, mude para o painel 'Carregar mais botão'.

Aqui, na configuração 'Botão Carregar mais', você pode alternar para 'Ativar'. Isso exibirá mais sugestões de vídeo após a transmissão ao vivo.

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

Depois disso, mude para o painel 'Botão de inscrição' e alterne a opção para 'Ativar' se quiser ativar o botão de inscrição do YouTube.

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

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

Por fim, não se esqueça de clicar no botão 'Salvar' na parte superior para salvar suas alterações.

Incorpore a transmissão ao vivo do YouTube em uma página do WordPress

A próxima etapa é incorporar seu feed ao vivo do YouTube em uma página do WordPress. Para fazer isso, você deve primeiro clicar no botão 'Incorporar' na parte superior.

Isso abrirá o prompt 'Incorporar feed'. Aqui, clique no botão 'Adicionar a uma página' para continuar.

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

Basta escolher a página onde deseja incorporar a transmissão ao vivo do YouTube e clicar no botão 'Adicionar'.

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

A partir daqui, você precisa clicar no botão 'Adicionar bloco' (+) no canto superior esquerdo e procurar o bloco 'Feeds for YouTube'.

Depois de encontrá-lo, adicione 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 ativas.

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

Adicionar um feed do YouTube ao vivo como um widget

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

Primeiro, você precisará visitar a página Aparência » Widgets na barra lateral do administrador.

A partir daqui, clique no botão 'Adicionar bloco' (+) no canto superior esquerdo da tela e localize o bloco 'Feeds for 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.

É assim que o feed ao vivo do YouTube aparece na barra lateral do nosso site de demonstração.

Adicione uma transmissão ao vivo do YouTube no editor de site completo

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

Primeiro, vá para a página Aparência »Editor na barra lateral do administrador para iniciar o editor do site.

A partir daqui, clique no botão 'Adicionar bloco (+)' na parte superior e procure o bloco 'Feeds for 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 das transmissões ao vivo em nosso site de demonstração.

Esperamos que este artigo tenha ajudado você a aprender como incorporar transmissões ao vivo do YouTube no WordPress. Você também pode ler nosso guia definitivo de SEO para WordPress ou conferir nossas principais escolhas para os melhores plug-ins de mídia social para expandir seu site.

Se você gostou deste artigo, assine nosso canal do YouTube para tutoriais em vídeo do WordPress. Você também pode nos encontrar no Twitter e no Facebook.