Pular para o conteúdo principal

Código personalizado (cabeçalho e corpo)

A guia Códigos nas configurações da página expõe quatro áreas de texto para scripts de terceiros e snippets HTML:

  1. Tags e scripts na parte superior da página <head>
  2. Tags e scripts na parte inferior da página <head>
  3. Tags e scripts na parte superior de <body>
  4. Tags em <footer> (rodapé)

Os espaços reservados instruem você a colar código incluindo a tag <script> ao adicionar snippets baseados em script.

Segurança e validação​

Antes de salvar, Atomicat valida o código personalizado para tags malformadas ou desequilibradas:

  • <script> as contagens de abertura e fechamento devem corresponder.
  • <style> as contagens de abertura e fechamento devem corresponder.
  • <noscript> as contagens de abertura e fechamento devem corresponder.
  • Tags parciais no final da área de texto são rejeitadas com um erro claro.

Se a validação falhar, corrija o snippet ou remova-o e salve novamente.

Sugestões de produtos ao colar​

Quando o código colado se parece com o código base Facebook Pixel, o produto recomenda configurar o rastreamento na guia Pixel em vez de duplicar pixels no código personalizado.

Quando o código colado se parece com um script de redirecionamento de retorno, o produto recomenda usar a área Recursos para Redirecionar de volta em vez de injetar lógica duplicada.

Você ainda pode prosseguir quando compreender o risco; as sugestões reduzem configurações incorretas comuns.

Melhores práticas​

  • Adicione apenas scripts de fornecedores confiáveis.
  • Prefira trechos de instalação oficiais e atualize-os quando os fornecedores alterarem os requisitos.
  • Evite carregar a mesma tag em vários slots, a menos que você tenha um motivo documentado.
  • Após a publicação, verifique com as ferramentas de desenvolvedor do navegador se as tags aparecem uma vez e na ordem pretendida.

Perguntas frequentes​

Posso adicionar CSS nestes campos? Os blocos

<style> são validados como scripts. Prefira os controles de estilo do construtor para temas normais; use CSS bruto somente quando necessário.

O código personalizado é executado na visualização do construtor de páginas?

Trate a visualização e o comportamento publicado como potencialmente diferentes até você verificar; sempre teste o URL publicado para disparo de tag.

Documentos relacionados​