YouTube - AutoPlay e Engajamento para Blogs e Sites
Imagine que seu leitor ou visitante assista seu vídeo mais de uma vez. Parece um segredo difícil, mas na verdade é simples de implementar.
Quando o usuário chega ao seu vídeo, se você não conseguir prender sua atenção por pelo menos 30 segundos, ele provavelmente irá clicar em outro lugar e você terá perdido o engajamento.
Como solucionar isso
No segundo link da descrição do seu vídeo, mantenha um link para uma postagem detalhada que você criou sobre o assunto do vídeo. Assim, ao clicar, o usuário não inicia a atividade diretamente, mas acessa um conteúdo para leitura relacionado.
Minha recomendação é estruturar esse post da seguinte forma:
- Comece com um título principal (
<h1>) e uma imagem com atributoaltdescritivo. - Logo abaixo, informe o link da atividade real, configurado para abrir em uma nova aba usando
target="_blank". Userel="nofollow"caso queira evitar rastreamento pelos motores de busca. - Inclua um texto detalhado ou um passo a passo, preferencialmente com imagens que auxiliem na compreensão.
- Por fim, insira o vídeo usando a tag
<iframe>.
Nota: Carregar o vídeo diretamente dentro de uma <div> incorpora o vídeo no HTML, aumentando o tempo de carregamento da página. Já o uso do <iframe> permite carregar o vídeo de forma independente, otimizando o desempenho ao chamar o conteúdo externo depois que a página principal já foi carregada.
Se você usar o template padrão do Blogger, WordPress ou lojas virtuais, o vídeo será carregado, mas pode não gerar visualizações reais se não for configurado corretamente para autoplay.
A dica é utilizar um código que inicia o YouTube em autoplay via iframe, fazendo com que o vídeo comece a rodar assim que a página carregar, mantendo o visitante mais tempo na aba e aumentando a interação registrada no Analytics do YouTube.
Exemplo de código para autoplay no YouTube
<iframe allow="autoplay; encrypted-media" allowfullscreen class="BLOG_video_class" height="315" width="100%" src="https://www.youtube.com/embed/ABCDEFGHIJKLM?autoplay=1&mute=1&origin=https://canalqb.blogspot.com/" youtube-src-id="ABCDEFGHIJKLM"> </iframe>
Detalhamento dos atributos do iframe
- allow="autoplay; encrypted-media": Permite que o vídeo seja reproduzido automaticamente e que o conteúdo protegido por HTTPS seja exibido.
- allowfullscreen: Permite que o vídeo seja visualizado em tela cheia.
- class="BLOG_video_class": Classe para aplicar estilos CSS ou manipulação via JavaScript.
- height="315": Altura do iframe em pixels.
- width="100%": Largura do iframe ocupando 100% do espaço disponível.
- src: URL do vídeo com parâmetros:
autoplay=1– ativa a reprodução automática.mute=1– inicia o vídeo no modo mudo para não incomodar o usuário.origin=https://canalqb.blogspot.com/– indica a origem do carregamento para segurança contra ataques.
Nota: Na URL, o caractere & representa o símbolo "&", separando os parâmetros da query string.
Parâmetro opcional: playlist
Você pode adicionar o parâmetro list para indicar que o vídeo faz parte de uma playlist específica, assim:
https://www.youtube.com/embed/ABCDEFGHIJKLM?list=PL_bWKnK7ufEAzouYibMW-Uvo6BDR0HzOP&autoplay=1&mute=1&origin=https://canalqb.blogspot.com/
list: identifica a playlist.PL_bWKnK7ufEAzouYibMW-Uvo6BDR0HzOP: ID exclusivo da playlist no YouTube.
Ao usar esse parâmetro, o vídeo será reproduzido dentro do contexto da playlist, o que pode ajudar a aumentar o tempo de permanência do usuário.
Exemplo final incorporado
Importante: Sempre analise seu público e a performance do conteúdo antes de implementar qualquer técnica de autoplay para garantir que o engajamento seja positivo e não cause rejeição.