Un código personalizado se puede agregar a varias partes de su sitio web para realizar ciertas cosas. Cuando obtiene el código de otra fuente, es importante saber dónde se debe colocar ese código.
Si su código le dice que ponga una parte en el encabezado, busque las instrucciones sobre el "encabezado" en este artículo para ver cómo pegarlo en el encabezado.
Una vez que sepa dónde se debe colocar su código, puede seguir este tutorial y las siguientes referencias para determinar dónde y cómo colocar el código en su sitio.
En todo el sitio vs. en una página individual
Dependiendo de dónde pegue su código, puede pegarlo en todo el sitio (aparecerá en todas las páginas) o solo en una página. Los lugares en los cuales este tutorial le indica que coloque el código le permitirán saber si es un cambio en todo el sitio o solo en una página individual.
Colocar el código a través del widget HTML
El HTML se puede usar para colocar fácilmente el código en su sitio. Si tiene cualquier código que solo se debe colocar en el sitio, simplemente siga estas instrucciones.
- Abra el editor.
- En el panel izquierdo, haga clic en Widgets.
- Busque HTML.
- Arrastre el HTML a cualquier lugar del sitio.
- Péguelo en su código.
- Listo.
Widget HTML en todo el sitio vs. en una página individual
Dependiendo de dónde coloque su HTML, este aparecerá en todas las páginas de su sitio o solo en una.
Si coloca el HTML en el encabezado o el pie de página, aparecerá en todas las páginas del sitio al mismo tiempo. Esto se debe a que todos los sitios comparten el encabezado y el pie de página.
Si coloca el HTML en cualquier otro lugar, aparecerá solo en el cuerpo.
Colocar el código en el encabezado
Las aplicaciones de gestión del consentimiento no pueden impedir que se ejecute el código antes del consentimiento cuando éste se coloca en el encabezado HTML. Esto se debe a que Duda optimiza la estructura y el orden de la carga de los contenidos, basándose en las mejores prácticas de rendimiento del sitio. Ponemos scripts y banners CMP más abajo en la página, con el fin de mejorar el rendimiento del contenido principal. Debido a esto, se recomienda colocar el código al final cuando se utiliza una aplicación de gestión de consentimiento.
Encabezado para todo el sitio
Para colocar el código en el encabezado en todo el sitio, siga las instrucciones que están a continuación.
- Abra su editor.
- Vaya a Configuración en el panel izquierdo.
- Haga clic en HTML de encabezado.
- Pegue su código aquí y guarde.
Encabezado de página individual
Para colocar el código en el encabezado de solo una página, siga estas instrucciones.
- En el panel lateral, haga clic en Páginas.
- En la página en la que desea añadirlo, haga clic en el icono de configuración.
- Haga clic en SEO.
- Desplácese hacia abajo hasta HTML de encabezado.
- Pegue su código aquí y guarde.
Colocar el código después de la etiqueta de cuerpo inicial
Actualmente, no tenemos una característica para colocar códigos directamente después de la etiqueta de cuerpo inicial. Sin embargo, puede pegar el código directamente en el archivo body-end.html. Hay dos formas de hacer esto, en el modo desarrollador o en configuración.
El modo de desarrollador no está disponible cuando está editando el sitio en modo flexible.
Para pegar el código directamente en el archivo body-end.html en el modo desarrollador:
- Haga clic en el icono Modo de desarrollador</> en la barra superior.
- Haga clic en HTML/CSS del sitio para expandir la selección.
- Haga clic en body-end.html.
- Pegue su código en la última línea aquí.
- Guarde y habrá terminado.
Para pegar el código directamente en el archivo body-end.html en configuración:
Haga clic en Opciones en el panel de la izquierda.
Haga clic en HTML del encabezado.
Pegue su código en el campo Body End HTML.
Haga clic en Guardar.
Agregar un código de seguimiento a un formulario de contacto
Para agregar un código de seguimiento a un formulario de contacto, siga las instrucciones que están a continuación.
- Navegue hasta la página en la que se encuentra su formulario de contacto.
- Haga clic en su formulario de contacto para abrir las opciones.
- Haga clic en Envío.
- Haga clic en Seguimiento.
- Pegue su código de seguimiento de conversiones aquí.
Agregar un código a un widget
Para agregar cualquier código a cualquier , siga estas instrucciones.
- Ubique la página en la que se encuentra su .
- Haga clic con el botón derecho en su para que aparezca el menú contextual.
- Haga clic en Editar HTML/CSS.
- Edite o agregue el código aquí, según sea necesario.
Notas, consideraciones y solución de problemas
Crear siempre una copia de seguridad
Se recomienda que siempre cree una copia de seguridad de su sitio antes de agregar un código personalizado. Esto se debe a que es difícil solucionar problemas con un código personalizado y este puede provocar el cierre de un sitio web si no se hace adecuadamente.
Mi código desaparece cuando lo coloco en la sección de cabecera
Esto es muy común con códigos de seguimiento de píxeles. La sección de cabecera (<head>) no acepta ningún código que sea <img>, <iframe>, entre otros. Esta normalmente solo acepta <link>,<script> y <meta>.
Si debe pegar el código que no se guardará allí, solo péguelo en su lugar en el encabezado, donde se encuentran sus enlaces de navegación y logotipos.
De lo contrario, péguelo en el body-end.html, de acuerdo con el tutorial anterior.
Mi código no funciona
Si tiene un código que no funciona en el sitio, lo más probable es que se deba a que el código no esté formateado correctamente o no sea HTTPS.
Si tiene cualquier enlace en su código (http:// o //) y su sitio usa HTTPS o usted está en la vista previa, entonces deberá cambiar eso, de forma que sea https:// en su lugar. El motivo de esto es que el código no HTTPS no funcionará en una conexión cargada en HTTPS (vista preliminar del sitio, editor, etc.).