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

Adicionar um arquivo Javascript ao HubSpot

Ultima atualização: Agosto 4, 2021

Em Beta

Disponível para

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

Você pode hospedar e editar arquivos JavaScript no gerenciador de design. Aprenda a criar um ficheiro JavaScript e a ligá-lo a um modelo ou domínio.


Crie um arquivo JavaScript

  • Na sua conta da HubSpot, navegue até Marketing > Arquivos e modelos > Ferramentas de design.
  • No menu da barra lateral esquerda, clique em Arquivo > Novo arquivo. Talvez você precise clicar noícone da pasta para expandir o menu. 
  • Na caixa de diálogo, clique no menu suspenso What would you like to build today? e selecione JavaScript.

design-manager-new-file-javascript
  • Clique em Próximo.
  • No campo Nome do ficheiro , introduza um nome para o seu ficheiro JavaScript. 
  • Para actualizar a localização do ficheiro, na secção Localização do ficheiro , clique em Alterar e seleccione a pasta onde pretende adicionar o ficheiro.

design-manager-new-javascript-file

  • Clique em Criar
  • Digite ou cole seu JavaScript no editor de código. 
  • Se você ativou o ESLint, poderá ver os avisos ou erros de JavaScript clicando para ativar o botão Mostrar saída.

    design-manager-javascript-show-output
  • No canto superior direito, clique em Publicar alterações para aplicar as alterações.

Anexe um arquivo JavaScript a um modelo

  • No buscador à esquerda, clique no modelo que você deseja atualizar.
  • No inspetor à direita, clique na guia Editar.
  • Na seção de arquivos do JavaScript vinculados, clique no menu suspenso Adicionar e selecione seu arquivo JavaScript.

 

  • No canto superior direito, clique em Publicar alterações para aplicar as alterações.

Inclua um arquivo JavaScript nas páginas do HubSpot

Você pode incluir seu arquivo JavaScript em todas as páginas de um domínio hospedado pela HubSpot ou em páginas individuais usando a URL pública.

Para acessar o URL público do arquivo:

  • No menu da barra lateral à esquerda, selecione seu arquivo JavaScript.
  • Clique em Ações > Copiar URL pública.

design-manager-add-javascript-file

Para adicionar o arquivo a todas as páginas do seu HubSpot em um domínio:
  • Na sua conta da HubSpot, clique no ícone de configurações settingsna barra de navegação principal.
  • No menu da barra lateral esquerda, vá para Webite > Páginas.
  • Clique no menu suspenso Escolher um domínio para editar suas configurações e selecione o domínio para adicionar o arquivo JavaScript. Você pode selecionar Configurações padrão para todos os domínios se você quiser que o arquivo JavaScript seja aplicado a todos os domínios conectados
  • Na seção HTML do rodapé do site, cole a URL pública como o valor da fonte da tag do script. 
<!-- start Main.js Do Not Remove -->
<script src='insira a URL pública do arquivo aqui'></script>
<!---End Main.js-->
  • Clique em Salvar

Ou, para adicionar o arquivo a uma página individual:

  • Na sua conta da HubSpot, acesse Marketing Site  > Landing Pages ou Páginas do site.
  • Passe o cursor do mouse sobre a página que você deseja editar e clique em Editar.
  • No editor de página, clique na guia Configurações.
  • Clique em Opções avançadas.
  • Na seção HTML do rodapé, cole a URL pública como o valor para a fonte da tag do script:
<!-- start Main.js Do Not Remove -->
<script src='insira a URL pública do arquivo aqui'></script>
<!---End Main.js-->
  • Para publicar suas alterações na página ativa, no canto superior direito, clique em Atualizar.