Incorporar um arquivo de mídia externa
Ultima atualização: Janeiro 19, 2023
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.

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