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: Agosto 30, 2021

Disponível para

Marketing Hub Professional, Enterprise
Service Hub Professional, Enterprise
CMS Hub Starter, Professional, Enterprise
Marketing Hub Basic (versão anterior)

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