Adicionar vídeos ao seu conteúdo do HubSpot

Carregue vídeos na ferramenta de arquivos e adicione-os às páginas, e-mails de marketing, posts de blog e artigos da central de conhecimento. Você pode inserir vídeos do HubSpot no módulo de vídeo em e-mails de marketing do tipo arrastar e soltar e nas áreas de arrastar e soltar das páginas. Os vídeos também são compatíveis com os módulos de rich text em páginas, posts de blog e artigos da central de conhecimento. 

Com o vídeo da HubSpot, você pode adicionar uma CTA ou formulário antes ou depois da reprodução do vídeo. Em uma conta com uma assinatura Enterprise, você pode exibir uma CTA ou formulário a qualquer momento durante a reprodução do vídeo e impedir que os visitantes a ignorem.

Observação: este artigo aborda a utilização de vídeos em páginas, posts, artigos e e-mails de marketing. Saiba mais sobre como adicionar vídeos a conversas, e-mails individuais, modelos e sequências de e-mails. 

Antes de começar

• Este artigo aborda como adicionar arquivos de vídeo carregados no HubSpot ao seu conteúdo HubSpot. Para adicionar um vídeo externo de um URL ou código integrado, saiba mais sobre como incorporar mídias externas no HubSpot.
  
• Cada navegador oferece suporte a diferentes tipos de arquivo e, em alguns casos, baixa o arquivo de vídeo em vez de reproduzi-lo no navegador. Vídeos carregados como arquivos .mp4 são suportados na maioria dos navegadores e serão reproduzidos no navegador.
• Cada vídeo está sujeito às limitações da ferramenta de arquivos.
• Para aumentar a acessibilidade do site, você pode adicionar texto alternativo aos vídeos na ferramenta de arquivos. Saiba mais sobre a acessibilidade do site na nossa documentação para desenvolvedores. 
• Para cada vídeo na ferramenta de arquivos, você pode ativar e desativar os recursos avançados.
  • Novos arquivos de vídeo carregados no editor de conteúdo terão a opção de recursos avançados ativada automaticamente.
  • É possível adicionar mais capacidades para vídeos com recursos avançados usando o complemento de aumento de limite de vídeos. 
  • As diferenças entre vídeos com recursos avançados ativados e desativados são as seguintes:

Adicionar vídeos aos e-mails

O vídeo do HubSpot é compatível com o módulo de vídeo do editor de e-mail do tipo arrastar e soltar. Como o vídeo não é suportado na maioria dos clientes de e-mail, os vídeos adicionados aos seus e-mails de marketing serão exibidos como uma imagem de miniatura com um botão de reprodução.

Esta imagem em miniatura levará a uma página onde o destinatário do seu e-mail poderá visualizar o vídeo, que estará hospedado no domínio principal das versões para Web dos e-mails. 

• Na sua conta da HubSpot, navegue até Contatos > Listas. 
• Clique no nome do e-mail.
• No editor da barra lateral, clique no módulo de Vídeo  e arraste-o para o e-mail.
• Na seção Tipo de vídeo, selecione o Vídeo do HubSpot.
  
  

• • Para selecionar um vídeo da ferramenta de arquivos, clique em Procurar vídeos e selecione uma imagem de miniatura de um vídeo existente.
  • Para fazer upload de um novo vídeo, clique em Upload e selecione um arquivo do seu computador. Clique na imagem em miniatura do vídeo.
• Para redimensionar o vídeo, no editor da barra lateral, insira uma largura ou altura. 
• Para personalizar as informações do vídeo, na seção Detalhes do vídeo, clique em Editar. 
  • No painel direito, clique em Alterar imagem de miniatura para alterar a imagem de visualização do vídeo.
  • Clique no controle deslizante e arraste-o para um ponto específico no vídeo ou clique em Carregar imagem personalizada para adicionar uma nova imagem do computador.
  • Insira um texto de título, descrição e meta tags. Isso ajudará os mecanismos de busca a entenderem o conteúdo do seu vídeo.
  • Clique em Salvar.

Observação: as alterações feitas nos detalhes do vídeo serão aplicadas a todos os locais em que o vídeo é usado nas ferramentas de conteúdo do HubSpot.

• Para editar a aparência do botão de reprodução do vídeo, clique em Opções de estilo.
  • Para personalizar a cor do botão de reprodução, insira um valor hexadecimal ou clique no seletor de cores para selecionar uma cor. 
  • Para personalizar o tamanho do botão de reprodução, insira um valor de pixel ou clique no controle deslizante e arraste-o para uma nova posição. A visualização ativa do botão de reprodução pode demorar alguns segundos para ser atualizada. 
     

• Para garantir que o vídeo seja exibido em largura máxima em dispositivos móveis, marque a caixa de seleção Mostrar em largura máxima em dispositivos móveis. Os vídeos nunca serão exibidos em uma largura maior que suas dimensões originais. 

• Para mover o vídeo para a direita ou esquerda, clique no menu suspenso Alinhamento e selecione Esquerda, Central ou Direita.
• Para adicionar espaço nas laterais do vídeo, clique para ativar o botão Deslocamento. 
  • Marque a caixa de seleção Aplicar a todos os lados para aplicar o mesmo deslocamento a todos os lados do vídeo.
  • Insira os valores de pixel para o deslocamento nos campos de texto Superior, Inferior, Esquerdo ou Direito.
     

Adicionar vídeos a páginas, posts de blog e artigos da central de conhecimento

Os vídeos podem ser adicionados a posts de blog, páginas e artigos da central de conhecimento em módulos de rich text. As áreas de arrastar e soltar das páginas também são compatíveis com a adição de vídeos em módulos de vídeo. 

Inserir um vídeo em um módulo de rich text em uma página, post de blog ou artigo da central de conhecimento

Os vídeos do HubSpot podem ser adicionados a módulos de rich text junto com textos, imagens, links ou outros conteúdos.

• Acesse seu conteúdo:

  • Páginas do site: Na sua conta HubSpot, navegue até Marketing > Site > Páginas do site.
  • Landing Pages: Na sua conta da HubSpot, navegue até Marketing > Landing Pages.
  • Blog: Na sua conta da HubSpot, navegue até Marketing > Site > Blog.
  • Central de conhecimento: Na sua conta da HubSpot, navegue até Serviços > Central de Conhecimento.

• Passe o cursor do mouse sobre a página, post ou artigo e clique em Editar.
• No editor de conteúdo, clique no módulo de rich text.
• Clique no menu suspenso Inserir e selecione Vídeo > Vídeo da HubSpot.
• No painel direito, selecione um vídeo para inserir:
  • Para inserir um vídeo existente a partir da ferramenta de arquivos, você pode usar a barra de pesquisa para procurar o vídeo. Clique na imagem em miniatura do vídeo.
  • Para inserir um novo vídeo, clique em Carregar vídeos e selecione um vídeo do computador. Clique na imagem em miniatura do vídeo.
    

• Para editar a cor do botão de reprodução do vídeo, clique no menu suspenso backgroundColor de cor do player e selecione uma cor. Para inserir um valor hexadecimal ou um valor de cor RGB, acesse a guia Avançado. 
• Para ajustar a posição do vídeo dentro de um bloco de texto, clique nos inline alignmental ícones de alinhamento. Clique no ícone de largura completa fullWidth para garantir que seu vídeo seja exibido em largura completa nos dispositivos móveis. 
• Para redimensionar o vídeo, insira os valores de pixel para a largura e a altura. 
• Para editar o preenchimento ao redor do vídeo, clique no menu suspenso Espaçamento e insira os valores de pixel ao redor das bordas do ícone da imagem.
   

• No editor de conteúdo, clique no vídeo e, em seguida, no edit ícone de edição.
• Na caixa pop-up, clique no menu suspenso CTA ou formulário e selecione Call to action ou Formulário.
• Você pode adicionar uma CTA incorporada ou uma CTA antiga ao seu vídeo. Para inserir uma CTA: 
  • Em Call to action, clique em Selecionar CTA.
  • Selecione a guia CTAs ou CTAs (antigas). 
  • Para criar uma nova CTA, clique em Criar novo no painel direito. Em seguida, crie sua CTA ou CTA (antiga) e clique em Salvar. 
  • No painel direito, selecione uma CTA criada recentemente ou uma CTA existente e clique em Inserir. 
•  Para inserir um formulário:
  • Clique no menu suspenso Formulário e selecione um formulário. 
  • Para criar um novo formulário ou editar um formulário existente antes de o selecionar, clique em Criar ou editar. A ferramenta de formulários será aberta em uma nova guia. 
• Por padrão, a sobreposição aparecerá após o fim do vídeo. Se você não tiver uma assinatura Enterprise, selecione um tempo de exibição para a sobreposição.
  • Antes do início do vídeo: exiba o seu formulário ou CTA antes do vídeo começar a ser reproduzido.
  • Após o final do vídeo: exiba seu formulário ou CTA logo após a reprodução do vídeo. 
     

• Se você tiver uma assinatura Enterprise, poderá personalizar exatamente quando a sobreposição deve aparecer: 
  • Na seção Opções de exibição da caixa pop-up, clique em Editar. 
     

• • • No painel direito, clique no menu suspenso Tempo de exibição e selecione uma opção de tempo. Se você selecionar um tempo personalizado, poderá especificá-lo clicando no círculo abaixo do vídeo e arrastando-o para a posição correta ou inserindo um tempo no campo Tempo de exibição selecionado. 

• • • Para impedir que os visitantes ignorem a sobreposição, clique no menu suspenso Opção para pular e marque Não permitir que os visitantes pulem [tipo de ativo]. Por padrão, os visitantes serão autorizados a pular a sobreposição.
       

Incorporar um vídeo em um módulo de vídeo em uma página

O vídeo do HubSpot é compatível com o módulo de vídeo adicionado a uma área de arrastar e soltar em um site ou landing page. As landing pages criadas com modelos starter não são compatíveis com o vídeo do HubSpot, mas é possível incorporar umvídeo externo.

• Acesse seu conteúdo:

  • Páginas do site: Na sua conta HubSpot, navegue até Marketing > Site > Páginas do site.
  • Landing Pages: Na sua conta da HubSpot, navegue até Marketing > Landing Pages.
• Passe o cursor do mouse sobre a página e clique em Editar. 
• add Adicionar.
• Na segunda coluna, clique em Comum para ver todos os módulos comuns. 
• Clique no módulo de Vídeo e arraste-o para a página.
  
  

• No editor da barra lateral, em Tipo de vídeo, selecione Vídeo do HubSpot.
• Selecione um arquivo de vídeo para adicionar à página:
  
  • Para selecionar um vídeo da ferramenta de arquivos, clique em Procurar vídeos e selecione uma imagem de miniatura de um vídeo existente.
  • Para fazer upload de um novo vídeo, clique em Upload e selecione um arquivo do seu computador. 
• Para definir o tamanho máximo de dimensionamento do vídeo, clique no menu suspenso Tamanho máximo e selecione uma opção:
  • Tamanho original: o vídeo não será dimensionado maior que seu tamanho original.
  • Largura máxima: o vídeo utilizará a largura máxima do dispositivo em que for visualizado.
  • Personalizado: o vídeo não excederá a largura e a altura especificada no editor da barra lateral. Insira os valores de pixel para suas dimensões nas caixas Largura máxima e Altura máxima. 

• Na seção Detalhes do vídeo, clique em Editar para personalizar as informações do seu vídeo:

• • No painel direito, clique em Alterar imagem em miniatura (pôster) para alterar a imagem de visualização do vídeo.
  • Para usar um quadro do vídeo, clique no controle deslizante e arraste-o para um ponto específico do vídeo e clique em Atualize para o intervalo em [tempo]. 
  • Para usar uma imagem personalizada, clique em Selecionar em Arquivos e clique na imagem que deseja usar na ferramenta de arquivos. Para adicionar uma nova imagem, clique em Carregar imagens e selecione um arquivo do computador.

• • Insira um texto de título, descrição e meta tags. Isso ajudará os mecanismos de busca a entenderem o conteúdo do seu vídeo.
  • Clique em Salvar.

Observação: as alterações feitas nos detalhes do vídeo serão aplicadas a todos os locais em que o vídeo é usado nas ferramentas de conteúdo do HubSpot.

• Na seção CTA ou formulário, você pode adicionar uma sobreposição de formulário ou CTA ao seu vídeo: 
  • Clique para expandir a seção CTA ou formulário. 
  • Clique no menu suspenso CTA ou formulário e selecione um tipo de sobreposição. 
  • Para inserir um formulário, clique no menu suspenso Formulário e selecione um formulário ou clique em Criar novo para criar um novo formulário na ferramenta de formulários. 
  • Você pode adicionar uma CTA incorporada ou uma CTA antiga ao seu vídeo. Para inserir uma CTA: 

• • • Em Call to action, clique em Selecionar CTA.
    • Selecione a guia CTAs ou CTAs (antigas). 
    • Para criar uma nova CTA, clique em Criar novo no painel direito. Em seguida, crie sua CTA ou CTA (antiga) e clique em Salvar. 
    • No painel direito, selecione uma CTA criada recentemente ou uma CTA existente e clique em Inserir. 

• Se você não tiver uma assinatura Enterprise, selecione um tempo de exibição para a sobreposição:
  • Antes do início do vídeo: exiba o seu formulário ou CTA antes do vídeo começar a ser reproduzido.
  • Após o final do vídeo: exiba seu formulário ou CTA logo após a reprodução do vídeo. 
     

• • Se você tiver uma assinatura Enterprise, poderá personalizar exatamente quando a sobreposição deve aparecer: 
    • Na seção Opções de exibição da caixa pop-up, clique em Editar. 

• • • No painel direito, clique no menu suspenso Tempo de exibição e selecione um tempo. Se você selecionar um tempo personalizado, poderá especificá-lo clicando no círculo abaixo do vídeo e arrastando-o para a posição correta ou inserindo um tempo no campo Tempo de exibição selecionado. 

• • • Para impedir os visitantes de pular a sobreposição, clique no menu suspenso Opção para pular e marque Não permitir que os visitantes pulem o formulário/a CTA. Por padrão, os visitantes serão autorizados a pular a sobreposição.
       
      
       
• Para editar as opções de reprodução do seu vídeo, clique em Avançado e marque as caixas de seleção Vídeo em loop, Silenciar por padrão, Reprodução automática e/ou Ocultar controles.
• Para editar a cor do botão de reprodução, clique em Opções de estilo e insira um valor hexadecimal ou clique no seletor de cores e selecione uma cor.

Adicionar legendas ou subtítulos aos vídeos

Na ferramenta de arquivos, você pode adicionar legendas em vários idiomas a vídeos com recursos avançados ativados. Os vídeos ficarão mais acessíveis aos visitantes que não podem ouvir o áudio ou que falam outros idiomas. Cada visitante pode ativar ou desativar as legendas, dependendo das suas preferências. 

As legendas devem estar prontas em um arquivo .vtt antes de iniciar este processo. 

• Na sua conta da HubSpot, navegue até Marketing > Arquivos e Modelos > Arquivos.
• Clique no nome do vídeo ao qual pretende adicionar as legendas. 
• No painel direito, clique para expandir a seção Legendas. 
• Clique em Carregar legenda.
• Na caixa de diálogo, clique no menu suspenso Idioma da legenda e selecione um idioma. 
• Clique no botão Selecionar arquivo de legenda e carregue o arquivo de legenda no HubSpot. 
• Clique em Salvar. 

Analise o desempenho do vídeo (somente páginas, posts de blog e artigos da central de conhecimento)

Depois de adicionar um vídeo à sua página da HubSpot, post de blog ou artigo da central de conhecimento, você poderá analisar o desempenho do vídeo por meio de métricas, como a contagem de visualizações e a retenção do vídeo. Veja essas métricas na página de detalhes do conteúdo, nos relatórios personalizados e nas linhas do tempo dos contatos. Você também pode filtrar as interações de mídia nas listas e fluxos de trabalho.

Observação: as análises de desempenho de vídeo só estão disponíveis para vídeos da HubSpot. Os arquivos de vídeo externos incorporados com um URL ou código integrado não geram análises na HubSpot.

Visualizações de vídeo no desempenho da página 

• Acesse seu conteúdo:

  • Páginas do site: Na sua conta HubSpot, navegue até Marketing > Site > Páginas do site.
  • Landing Pages: Na sua conta da HubSpot, navegue até Marketing > Landing Pages.
  • Blog: Na sua conta da HubSpot, navegue até Marketing > Site > Blog.
  • Central de conhecimento: Na sua conta da HubSpot, navegue até Serviços > Central de Conhecimento.

• Clique no nome de uma publicação, página ou artigo para visualizar seus detalhes de desempenho.
• Se houver mais de um vídeo do HubSpot na página, no canto superior esquerdo, clique no menu suspenso Vídeo e selecione um vídeo. 
• Se estiver executando um teste A/B na página, na parte superior da guia Desempenho, clique no menu suspenso Variação e selecione uma variação. As visualizações de vídeo não aparecerão nas páginas de teste A/B que não tenham uma variação selecionada. 

• Analise as reproduções do seu vídeo: 
  • Visualizações de vídeo: o número de vezes que o vídeo foi carregado na sua página no navegador de um visitante.
    
    
  • Retenção de vídeo: uma medida das partes do seu conteúdo de vídeo que foram reproduzidas.
    
    

Visualizações de vídeo em um registro de contato

Para ver as visualizações do vídeo em um registro do contato:

• Na sua conta da HubSpot, navegue até Contatos > Contatos.
• Clique no nome de um contato.
• Para filtrar as atividades do contato por visualizações de vídeo, clique na guia Atividades. Em seguida, clique em Filtrar atividade e marque a caixa de seleção Reproduções de mídia.

Reproduções de vídeo em relatórios personalizados (somente para Marketing Hub Professional e Enterprise)

Com o construtor de relatórios personalizados, você pode criar relatórios para analisar reproduções de vídeo:

• Na sua conta da HubSpot, acesse Relatórios > Relatórios.
• Clique em Construtor de relatórios personalizados.
• Para usar eventos comportamentais personalizados como uma fonte de dados principal, clique no menu suspenso Fonte de dados principal e selecione Mídias. 
  
  
• Se quiser usar reproduções de mídia como uma fonte não primária, selecione Mídias na seção Marketing.
   
  
• Continue criando seu relatório. 

Reproduções de vídeo em relatórios de atribuição (somente Marketing Hub Enterprise)

Por padrão, as reproduções de vídeo serão incluídas nos relatórios de atribuição de receita. Se essa configuração tiver sido desativada, os usuários com permissões de Acesso à conta poderão ativar essa fonte de dados novamente nas configurações:

• Na sua conta da HubSpot, clique em settings ícone de configuração na barra de navegação principal.
• No menu da barra lateral esquerda, clique em Rastreamento e análises > Atribuição. Esta configuração somente aparecerá para usuários com permissões de Acesso à conta.
• Na seção Tipos de interação, clique para ativar o botão Mídia reproduzida.
• Clique em Salvar.
• Na caixa de diálogo, revise a alteração e clique em Salvar e iniciar o reprocessamento.

Os relatórios existentes começarão o reprocessamento para incluir as reproduções de vídeo. Isso pode levar até dois dias, dependendo da quantidade de dados na sua conta da HubSpot. O HubSpot enviará a você uma confirmação por e-mail assim que o reprocessamento dos relatórios for concluído.