Ir para o conteúdo principal
Isenção de responsabilidade de tradução: esse conteúdo foi traduzido para sua conveniência com o uso de software e pode não ter sido revisado por uma pessoa. O texto oficial é a versão em inglês e sempre será o texto mais atualizado. Para ver a versão em inglês, clique aqui.
Landing Pages

Incorporar um arquivo de mídia externa

Ultima atualização: Junho 16, 2022

Disponível para

Todos os produtos e planos

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.

edit-your-embedded-video
  • 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.  

edit-embed-code-1

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.
embed-your-video-in-an-email
  • 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.
  •  

add-padding-to-video-module

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.

embed-external-video

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

adjust-video-size

Was this article helpful?
This form is used for documentation feedback only. Learn how to get help with HubSpot.