Adicionar vídeos ao conteúdo do HubSpot

Você pode carregar vídeos na ferramenta de arquivos e adicioná-los a páginas, e-mails de marketing, posts de blog e artigos da central de conhecimento. Ao usar vídeo do HubSpot, você também pode adicionar uma CTA ou formulário antes ou depois da reprodução do vídeo.

Antes de começar

Antes de começar a trabalhar com esse recurso, certifique-se de compreender totalmente quais etapas devem ser executadas com antecedência, bem como as limitações do recurso e as possíveis consequências de usá-lo.

Compreender limitações e considerações

• Este artigo aborda como adicionar arquivos de vídeo carregados no HubSpot às suas páginas, posts, artigos e e-mails de marketing.

  • Para adicionar um vídeo externo usando um URL ou código de incorporação, saiba mais sobre como incorporar mídias externas no HubSpot.

  • Para adicionar vídeos a outros ativos, saiba mais sobre como adicionar vídeos a conversas, e-mails individuais, modelos e sequências. 
    

• Os limites de vídeo variam de acordo com a assinatura do HubSpot. Saiba mais sobre limites de assinatura de vídeo e aumentos de limites de vídeo. 

• Cada arquivo de vídeo também está sujeito aos limites da ferramenta de arquivos.

• 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.

• Você pode adicionar vídeos do HubSpot usando o módulo de vídeo ou o módulo rich text nos seguintes locais:

  • Módulo de vídeo: em CTAs, e-mails de marketing de arrastar e soltar e áreas de arrastar e soltar em páginas.

  • Módulo rich text: em páginas, posts de blog e artigos da central de conhecimento.

• Para aumentar a acessibilidade do site, é recomendado adicionar texto alternativo aos vídeos na ferramenta de arquivos. Saiba mais sobre a acessibilidade do site na documentação do desenvolvedor. 

• Para cada vídeo na ferramenta de arquivos, você pode ativar ou desativar as configurações de recursos avançados:

  • Os arquivos de vídeo carregados terão os recursos avançados desativados por padrão. Depois que esses vídeos forem adicionados ao conteúdo, os recursos avançados serão ativados automaticamente.
  • Ao adicionar arquivos de vídeo ao conteúdo, os usuários verão todos os vídeos na biblioteca, mesmo que os recursos avançados estejam desativados.
  • Se sua conta atingir o limite de recursos avançados, a biblioteca de vídeo na opção ficará esmaecida, impedindo a seleção de mais vídeos. Você pode adicionar mais capacidade para vídeos com recursos avançados com o complemento de aumento do limite de vídeo.
  • Para revisar as diferenças entre vídeos com recursos avançados ativados e desativados, saiba mais sobre como gerenciar arquivos de vídeo.

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 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 miniatura com um botão de reprodução.

Essa miniatura incluirá um link para uma página em que o destinatário do e-mail poderá visualizar o vídeo. Essa página será hospedada no domínio principal para as versões da Web de e-mails. 

1. Na sua conta da HubSpot, navegue até Marketing > E-mail.

2. Clique no nome do e-mail.

3. No editor da barra lateral, clique no módulo de Vídeo e arraste-o para o e-mail.

4. Na seção Tipo de vídeo, selecione Vídeo do HubSpot. 

Observação: adicionar mais de 10 vídeos do HubSpot, usando o módulo de vídeo, a um e-mail pode causar problemas de renderização e envios com falha. É recomendado limitar a 10 ou menos vídeos do HubSpot por e-mail.

5. 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.

6. 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.

7. Para redimensionar o vídeo, no editor da barra lateral, insira uma largura ou altura. 

8. Para personalizar as informações do vídeo, na seção Detalhes do vídeo, clique em Editar. 

   • No painel direito, passe o mouse sobre a miniatura e clique em Alterar miniatura para alterar a imagem de visualização do vídeo.

   • Clique no controle deslizante e arraste-o até um ponto específico no vídeo ou clique em Selecionar dos arquivos para adicionar uma nova imagem do computador.

   • Insira o texto do título, a descrição e as meta tags. Isso ajudará os mecanismos de pesquisa a entender 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.

9. Para editar a aparência do botão de reprodução do vídeo, acesse a guia Estilos e 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 em tempo real do seu botão de reprodução pode levar alguns segundos para ser atualizada. 

10. 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. 

11. Para mover o vídeo para a direita ou esquerda, clique no menu suspenso Alinhamento e selecione Esquerda, Central ou Direita.

12. 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 valores de pixel para deslocamento nos campos de texto Superior, Inferior, Esquerda ou Direita.

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. Áreas de arrastar e soltar de páginas também suportam a adição de vídeos a módulos de vídeo. 

Você pode inserir um vídeo em um módulo rich text em uma página, post de blog, e-mail ou artigo da central de conhecimento. 

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

1. Acesse seu conteúdo:

   • Páginas do site: Na sua conta da HubSpot, acesse Conteúdo > Páginas do site.

   • Landing Pages: Na sua conta da HubSpot, acesse Conteúdo > Landing pages.

   • Blog: Na sua conta da HubSpot, acesse Conteúdo > Blog.

   • Central de conhecimento: No seu portal da HubSpot, acesse Atendimento > Central de Conhecimento.

2. Clique no nome do conteúdo. 

3. No editor de conteúdo, clique no módulo de rich text.

4. Clique no menu suspenso Inserir e selecione Vídeo > Vídeo da HubSpot.

5. 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. Em seguida, clique na miniatura do vídeo.

   • Para inserir um novo vídeo, clique em Carregar vídeos e selecione um vídeo do computador. Em seguida, clique na miniatura do vídeo.

     
     

6. Para personalizar a aparência do vídeo na barra de ferramentas rich text: 

• • 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 em um bloco de texto, clique nos inline alignmental ícones de alinhamento. Clique no ícone fullWidth largura total para garantir que seu vídeo seja exibido em largura total em 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.

Observação: você não pode adicionar uma CTA de botão que contenha um link para uma CTA pop-up. Isso impedirá a reprodução do vídeo. 

7. Para adicionar uma sobreposição de formulário antigo ou CTA para exibir depois que o vídeo for reproduzido:
   

   • 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.

   • Para adicionar uma CTA incorporada ou CTA antiga ao vídeo: 

     • 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. Então, 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 adicionar um formulário antigo ao vídeo:

     • 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. Isso abrirá a ferramenta de formulários em uma nova guia. 

1. • Por padrão, a sobreposição aparecerá após o fim do vídeo. Para personalizar quando a sobreposição é exibida e se os visitantes podem ignorar a CTA ou formulário, nas Opções de exibição, 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. 

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

8. Para personalizar as informações do vídeo em um módulo rich text nas páginas:

   • No editor de conteúdo, clique no vídeo e no edit ícone Editar.

   • Na caixa pop-up, clique em Editar detalhes do vídeo.

   • Se você tiver uma assinatura do Content Hub Professional ou Enterprise, para gerar ou otimizar alguns dos detalhes do vídeo, clique no artificialIntelligenceIcon ícone de IA. Saiba mais sobre como editar os detalhes do vídeo usando IA.

8. • Na guia Otimização, edite os detalhes do vídeo:

     • Título do vídeo: insira um título para seu vídeo, para ser usado em páginas da Web, no XML do mapa do site e ao compartilhar o vídeo.

     • Palavras-chave: clique em Adicionar palavras-chave para preencher hashtags e metadados ao compartilhar seu vídeo e clique em Salvar.
     • Descrição de SEO: insira uma descrição de SEO para uso em páginas da Web, no XML do mapa do site e ao compartilhar.
     • Capítulos (somente Content Hub Professional ou Enterprise): clique para ativar a opção Capítulos para adicionar capítulos e permitir que os espectadores pulem para diferentes partes do vídeo. Saiba mais sobre como gerenciar capítulos de vídeo.
     • Miniatura: selecione o menu suspenso Editar e clique em Alterar quadro ou Substituir miniatura. Saiba mais sobre como gerenciar miniaturas de vídeos.
9. Para personalizar as informações do vídeo em um módulo rich text em posts ou artigos:
   • No editor de conteúdo, clique no vídeo e no edit ícone Editar.

   • Na caixa pop-up, clique em Editar detalhes do vídeo.

   • No painel direito, passe o mouse sobre a miniatura e clique em Alterar miniatura para alterar a imagem de visualização do vídeo.

   • Clique no controle deslizante e arraste-o até um ponto específico no vídeo ou clique em Substituir imagem para adicionar uma nova imagem.

   • Insira o texto do título, a descrição e as meta tags. Isso ajudará os mecanismos de pesquisa a entender 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.

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. 

1. Acesse seu conteúdo:

   • Páginas do site: Na sua conta da HubSpot, acesse Conteúdo > Páginas do site.

   • Landing Pages: Na sua conta da HubSpot, acesse Conteúdo > Landing pages.

2. Clique no nome do conteúdo. 

3. Na barra lateral esquerda, clique no ícone add Adicionar.

4. Clique para expandir a seção Mídia e clique em + Mostrar mais para ver todos os módulos de mídia.

5. Clique no módulo de Vídeo e arraste-o para a posição desejada em sua página.
   

6. No editor da barra lateral, em Tipo de vídeo, selecione Vídeo do HubSpot.

7. 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. 

8. 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 valores de pixel para as dimensões nas caixas Altura máxima e Largura máxima. 

9.  Para personalizar as informações do vídeo no módulo de vídeo:
   • No editor da barra lateral, clique em Editar na seção Detalhes do vídeo.
   • Se você tiver uma assinatura do Content Hub Professional ou Enterprise, para gerar ou otimizar alguns dos detalhes do vídeo, clique no artificialIntelligenceIcon ícone de IA. Saiba mais sobre como editar os detalhes do vídeo usando IA.

   • Na guia Otimização, edite os detalhes do vídeo:

     • Título do vídeo: insira um título para seu vídeo, para ser usado em páginas da Web, no XML do mapa do site e ao compartilhar o vídeo.

     • Palavras-chave: clique em Adicionar palavras-chave para preencher hashtags e metadados ao compartilhar seu vídeo e clique em Salvar.
     • Descrição de SEO: insira uma descrição de SEO para uso em páginas da Web, no XML do mapa do site e ao compartilhar.
     • Capítulos (somente Content Hub Professional ou Enterprise): clique para ativar a opção Capítulos para adicionar capítulos e permitir que os espectadores pulem para diferentes partes do vídeo. Saiba mais sobre como gerenciar capítulos de vídeo.
     • Miniatura: selecione o menu suspenso Editar e clique em Alterar quadro ou Substituir miniatura. Saiba mais sobre como gerenciar miniaturas de vídeos.

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.

10. Para gerenciar as legendas do vídeo, clique em Gerenciar legendas. Você será direcionado para a ferramenta de arquivos para adicionar legendas ao vídeo. Saiba mais sobre como adicionar legendas aos seus vídeos. 

11. Na seção CTA ou formulário, você pode adicionar uma sobreposição de formulário antigo 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 antigo, 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. Então, 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 personalizar exatamente quando a sobreposição deve ser exibida para o formulário ou CTA: 

• • • Na seção Opções, 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. 

12. 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. Ao usar a opção Reprodução automática é altamente recomendado selecionar também a opção Silenciar por padrão para estar em conformidade com as restrições do navegador. Em geral, os vídeos com som serão silenciados ou a reprodução será bloqueada automaticamente. 

    • Google Chrome: os vídeos de reprodução automática devem ser silenciados. Os vídeos frequentemente visitados pelo espectador podem ser reproduzidos automaticamente com som. Saiba mais sobre o sistema de pontuação do Google.

    • Safari: vídeos de reprodução automática devem ser silenciados. Os espectadores podem optar por bloquear ou permitir a reprodução automática sem som para domínios específicos em suas configurações. Saiba mais sobre como gerenciar vídeos com reprodução automática no Safari.

    • Mozilla Firefox: os vídeos de reprodução automática devem ser silenciados. Os espectadores podem optar por bloquear ou permitir a reprodução automática sem som para domínios específicos em suas configurações. Saiba mais sobre como gerenciar vídeos com reprodução automática no Firefox.

13. 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.

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 por interações de mídia em 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 

1. Acesse seu conteúdo:

   • Páginas do site: Na sua conta da HubSpot, acesse Conteúdo > Páginas do site.

   • Landing Pages: Na sua conta da HubSpot, acesse Conteúdo > Landing pages.

   • Blog: Na sua conta da HubSpot, acesse Conteúdo > Blog.

   • Central de conhecimento: No seu portal da HubSpot, acesse Atendimento > Central de Conhecimento.

2. Passe o mouse sobre o nome de uma página, post ou artigo e clique em Desempenho. 

3. 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. 

4. Se você estiver executando um Teste A/B na página, na parte superior da guia Desempenho, clique no menu suspenso Variação e selecione um variação. As visualizações de vídeo não serão exibidas para páginas em teste A/B sem uma variação selecionada. 

5. 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 de quais partes do seu conteúdo de vídeo 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:

1. Na sua conta HubSpot, acesse CRM > Contatos.

2. Clique no nome de um contato.

3. Para filtrar a atividade do contato por visualizações de vídeo, clique em 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:

1. Na sua conta da HubSpot, acesse Relatórios > Relatórios.

2. Clique em Criar relatório e, em seguida, clique em Construtor de relatórios personalizados.

3. Selecione Escolher minhas próprias fontes de dados.

4. Para usar eventos comportamentais personalizados como uma fonte de dados principal, clique no menu suspenso Fonte de dados principal e selecione Mídia. 

   

5. Se quiser usar reproduções de mídia como uma origem que não seja principal, você pode selecionar Mídia na seção Marketing.

   

6. Continue criando seu relatório. 

Reproduções de vídeo em relatórios de atribuição (somente Marketing e Content Hub Professional ou 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:

1. Na sua conta HubSpot, clique no ícone de configurações settings icon na barra de navegação superior.

2. 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.

3. Na seção Personalizar tipos de interação, clique para ativar o botão Mídia reproduzida.

4. Clique em Salvar.

5. Na caixa de diálogo, revise a alteração e clique em Salvar e iniciar o reprocessamento.

Os relatórios existentes começarão a ser reprocessados para incluir 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.