Incluir jQuery nas páginas

Inclua o jQuery nas páginas hospedadas pela HubSpot quando necessário para módulos ou scripts personalizados que dependem dele. Embora muitos temas e módulos mais recentes não dependam mais do jQuery, os ativos mais antigos podem precisar dele para funcionar corretamente. Use as configurações jQuery para gerenciar a compatibilidade, escolher uma versão e decidir onde a biblioteca é carregada em suas páginas.

Antes de começar

Antes de incluir o jQuery nas páginas hospedadas pela HubSpot, certifique-se de compreender totalmente quais etapas devem ser executadas com antecedência, bem como as limitações do recurso e as possíveis consequências de usá-lo. 

Compreender limitações e considerações

• As configurações aplicadas a um subdomínio específico substituem as configurações padrão de todos os domínios.
• Alguns módulos, como o módulo de galeria de imagens, exigem jQuery. Desativar a configuração Incluir jQuery não removerá o jQuery se ele for exigido por um módulo.
• Alterar onde o jQuery é carregado (cabeçalho ou rodapé) pode exigir atualizações nos scripts que dependem dele.

Incluir jQuery

1. Na sua conta HubSpot, clique no ícone de configurações settings icon na barra de navegação superior.
2. No menu da barra lateral esquerda, acesse Conteúdo > Páginas.
3. Na parte superior da página, clique no menu suspenso Escolha um domínio para editar suas configurações para selecionar quais domínios você deseja editar.
   • Para editar essa configuração para todos os domínios, selecione Configuração padrão para todos os domínios.
   • Para editar essa configuração para um subdomínio específico, selecione um domínio no menu suspenso. 
4. Na seção jQuery da guia Modelos , marque a caixa de seleção Incluir jQuery para carregar o jQuery nas páginas do HubSpot.

5. Para alterar a versão do jQuery, clique no menu suspenso Versão do jQuery e selecione uma versão:
   • 1.7.x: selecione esta versão se você já criou sua lógica usando dependências de uma versão mais antiga do jQuery.
   • 1.11.x - se você selecionar essa versão, recomendamos clicar também na caixa de seleção Incluir script de migração jQuery. Isso adicionará um script aos seus modelos para melhorar a compatibilidade com navegadores mais antigos.
6. Por padrão, a biblioteca jQuery será carregada no cabeçalho HTML das páginas. Para incluir jQuery no rodapé das páginas, marque a caixa de seleção Carregar a biblioteca jQuery inclusa do HubSpot do rodapé .
   • Se você incluir jQuery no rodapé, também é recomendado mover todas as dependências do jQuery para o rodapé.
   • Para testar como suas páginas são carregadas com jQuery no rodapé, adicione
     ?hsMoveJQuerytoFooter=True ao final do URL da página.
7. Quando terminar, clique em Salvar na parte inferior esquerda.

Observação: é recomendado consultar o desenvolvedor da Web antes de mover o jQuery para o rodapé das páginas. Se tiver mais perguntas, conecte-se com os designers HubSpot na Comunidade.