Incorporar um arquivo de mídia externa

Você pode incorporar arquivos de mídias externas, como vídeos do YouTube, usando um módulo de rich text em suas páginas, posts de blog e artigos da central de conhecimento. Os vídeos também podem ser incorporados ao módulo de vídeo em áreas de arrastar e soltar das páginas ou no editor de e-mail de arrastar e soltar. 

Para rastrear as interações com um vídeo, saiba como adicionar vídeos da HubSpot ao seu conteúdo.

Tipos de mídia compatíveis

O recurso de incorporação é compatível com URLs no formato oEmbed, que é o formato mais comum para a maioria dos tipos de mídia. As plataformas que usam o formato oEmbed incluem YouTube, Spotify e Vimeo. Para obter uma lista completa de provedores de mídia compatíveis, consulte a documentação do oEmbed.

Arquivos de mídia com segurança adicional, como vídeos privados do YouTube, não são compatíveis.

Incorporar um arquivo de mídia externa usando um módulo de rich text

Observação: arquivos de mídia externa não podem ser incorporados em módulos de rich text em e-mails de marketing. 

Você pode incorporar um arquivo de mídia em um módulo de rich text colando o URL diretamente no editor de rich text. Se você vir uma mensagem de erro ao adicionar o URL do seu arquivo de mídia, a HubSpot recomenda inserir o código de incorporação.

Incorporar um arquivo de mídia externa com um URL

• Acesse seu conteúdo:

  • Páginas do site: Na sua conta da 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ço > Base de conhecimento.
• Passe o cursor do mouse sobre a página, post de blog ou artigo e clique em Editar.
• No editor de conteúdo, clique no módulo de rich text.
• Cole o URL do arquivo de mídia no módulo de rich text. A visualização do arquivo de mídia deve ser preenchida automaticamente.

Incorporar um arquivo de mídia externa com um código de incorporação

• Acesse seu conteúdo:

  • Páginas do site: Na sua conta da 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ço > Base de conhecimento.
• Passe o cursor do mouse sobre a página, post de blog ou artigo e clique em Editar.
• No editor de conteúdo, clique no módulo de rich text.
• Na barra de ferramentas de rich text, clique no menu suspenso Inserir e selecione Incorporar.
• Na caixa de diálogo, insira o código de incorporação do arquivo de mídia externa. Será exibida uma visualização do seu arquivo.
• Clique em Inserir.

Formatar um arquivo de mídia externa 

• Acesse seu conteúdo:

  • Páginas do site: Na sua conta da 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ço > Base de conhecimento.
• Passe o cursor do mouse sobre a página, post de blog ou artigo e clique em Editar.
• No editor de conteúdo, clique no módulo de rich text.
• Clique no arquivo incorporado.
• Edite a posição, as dimensões e o espaçamento do seu arquivo de mídia na barra de ferramentas. 
  • Para redimensionar o arquivo, insira os valores de pixel para a largura e a altura.

• • Para ajustar a posição do arquivo de mídia dentro de um bloco de texto, clique nos ícones de alinhamento inline . 
  • Para tornar seu vídeo responsivo, clique no ícone de largura total fullWidth. O vídeo ocupará toda a largura do dispositivo no qual é visualizado.

Observação: arquivos de mídia incorporados com uma tag <script>não são compatíveis com largura total porque geram conteúdo dinâmico.

• Para editar opções avançadas para seu arquivo de mídia, clique no ícone de edição edit .
  • Os desenvolvedores podem editar o estilo e o comportamento de um vídeo incorporado no campo de texto Código de incorporação. 
  • Por padrão, os arquivos de mídia usam carregamento lento e só serão carregados se um visitante rolar para sua área de uma página. Para começar a carregar o arquivo de mídia ao carregar a página, clique no menu suspenso Opções de carregamento e selecione Eager.  

Substituir um arquivo de mídia externa

Se você precisar substituir um arquivo de mídia externa incorporado, remova o arquivo original e incorpore o URL do novo arquivo: 

• Acesse seu conteúdo:

  • Páginas do site: Na sua conta da 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ço > Base de conhecimento.
• Passe o cursor do mouse sobre a página, post de blog ou artigo e clique em Editar.
• No editor de conteúdo, clique no arquivo de mídia e depois no ícone remover delete .
• Repita as etapas acima para incorporar um novo URL de arquivo.

Integrar um vídeo externo a um módulo de vídeo 

Você também pode incorporar um vídeo externo na sua página ou um e-mail de marketing usando um módulo de vídeo. Este módulo está apenas disponível nas áreas do tipo arrastar e soltar das páginas e no editor de e-mail de marketing do tipo arrastar e soltar.

Integrar um vídeo externo a um módulo de vídeo em um e-mail

• Na sua conta da HubSpot, navegue até Marketing > Email.
• 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.
• No editor de conteúdo, clique no módulo de vídeo para editar suas opções.
• Em Tipo de vídeo, selecione Incorporar.
• Insira a URL do vídeo.

• Edite as dimensões, a imagem em miniatura e o posicionamento do seu vídeo no editor da barra lateral esquerda:
  • Para redimensionar o vídeo, insira uma largura ou altura.
  • Para personalizar a miniatura do vídeo, clique em Carregar imagens para carregar uma imagem de seu computador ou clique em Procurar imagens para adicionar uma imagem da sua ferramenta de arquivos.
  • 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 Insira os valores de pixel para preenchimento nos campos de texto Superior, Inferior, Esquerdo e Direito ou selecione a caixa de seleção Aplicar a todos os lados para aplicar o mesmo preenchimento a todos os lados do vídeo.

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

Observação: o módulo de vídeo só pode ser adicionado a páginas com uma área do tipo arrastar e soltar.

• Acesse seu conteúdo:

  • Páginas do site: Na sua conta da HubSpot, navegue até Marketing > Site > Páginas do site.
  • Landing Pages: Na sua conta da HubSpot, navegue até Marketing > Landing Pages.
• Passe o mouse sobre a página e clique em Editar.
• No editor da barra lateral, clique no módulo de Vídeo  e arraste-o para a página.
• No editor de conteúdo, clique no módulo de vídeo para editar suas opções.
• Na seção Tipo de vídeo do editor da barra lateral, selecione Incorporar.
• Insira a URL do vídeo.

• Selecione se o tamanho do vídeo mudará em dispositivos diferentes:
  • Ajustar automaticamente: seu vídeo será responsivo, ou seja, será dimensionado com base no navegador e no tamanho do dispositivo.
  • Largura e altura exatas: sua mídia sempre terá este tamanho exato em todos os dispositivos.
• Se você configurou seu vídeo para ser responsivo, selecione seu tamanho máximo :
  • 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á uma largura e altura específicas definidas no editor da barra lateral. insira valores de pixel para suas dimensões nas caixas de texto Largura e Altura.
• Para personalizar a miniatura do vídeo, clique em Upload para selecionar um novo arquivo do seu computador ou clique em Procurar imagens para selecionar uma imagem na ferramenta de arquivos.