Código personalizado (cabeza y cuerpo)
La pestaña Códigos en la configuración de la página expone cuatro áreas de texto para scripts de terceros y fragmentos HTML:
- Etiquetas y scripts en la parte superior de
<head> - Etiquetas y scripts en la parte inferior de
<head> - Etiquetas y scripts en la parte superior de
<body> - Etiquetas en
<footer>(pie de página)
Los marcadores de posición le indican que pegue el código que incluye la etiqueta <script> cuando agregue fragmentos basados en secuencias de comandos.
Seguridad y validación
Antes de guardar, Atomicat valida el código personalizado para etiquetas mal formadas o desequilibradas:
<script>los recuentos de apertura y cierre deben coincidir.<style>los recuentos de apertura y cierre deben coincidir.<noscript>los recuentos de apertura y cierre deben coincidir.- Las etiquetas parciales al final del área de texto se rechazan con un error claro.
Si la validación falla, corrija el fragmento o elimínelo y guárdelo nuevamente.
Sugerencias de productos al pegar
Cuando el código pegado se parece al código base de Facebook Pixel, el producto recomienda configurar el seguimiento en la pestaña Pixel en lugar de duplicar pixels en el código personalizado.
Cuando el código pegado parece un script de redireccionamiento hacia atrás, el producto recomienda usar el área Características para Redireccionar hacia atrás en lugar de inyectar lógica duplicada.
Aún puede continuar cuando comprenda el riesgo; Las sugerencias reducen los errores de configuración comunes.
Mejores prácticas
- Agregue únicamente scripts de proveedores confiables.
- Prefiere fragmentos de instalación oficiales y actualízalos cuando los proveedores cambien los requisitos.
- Evite cargar la misma etiqueta en varios espacios a menos que tenga un motivo documentado.
- Después de la publicación, verifique con las herramientas de desarrollo del navegador que las etiquetas aparezcan una vez y en el orden previsto.
Preguntas frecuentes
¿Puedo agregar CSS en estos campos?
Los bloques <style> se validan como scripts. Prefiere los controles de estilo del constructor para la temática normal; use CSS sin procesar solo cuando sea necesario.
¿Se ejecuta el código personalizado en la vista previa del Constructor de páginas?
Trate el comportamiento de vista previa y publicación como potencialmente diferentes hasta que lo verifique; Siempre pruebe el URL publicado para activar la etiqueta.